Skip to content

Trust Ease is a Service Review Platform where users can add, explore, and review services. It features authentication, CRUD operations, search, filters, and JWT security, ensuring a seamless and responsive experience. πŸš€

Notifications You must be signed in to change notification settings

monzila-akter/trust-ease-client

Repository files navigation

🀝 TrustEase – Your Reliable Service Review Platform

CoinCrafter Screenshot CoinCrafter Screenshot

πŸš€ Project Overview

  • TrustEase is a Service Review System that allows users to explore services, add their own services, and share their experiences through reviews. Users can manage their services, update their reviews, and interact with others to make informed decisions. This platform provides a seamless and secure way to review and engage with various services.

πŸ› οΈ Tech Stack

  • Frontend: React.js, Tailwind CSS, Framer Motion, React Router
  • Backend: Node.js, Express.js, MongoDB
  • Authentication: Firebase Authentication, JWT (JSON Web Token)
  • UI Enhancements: React Rating, Swiper.js, React CountUp
  • Hosting: Netlify (Client), Vercel (Server), Firebase

🌟 Core Features

βœ… User Authentication: Email/password login and Google/GitHub sign-in βœ… Service Management: Add, update, and delete services dynamically βœ… Review System: Users can add, update, and delete reviews with ratings βœ… Private Routes: Secured access for adding services and managing reviews βœ… Search & Filtering: Find services based on keywords and categories βœ… JWT Authentication: Secure API routes with token-based authentication βœ… Pagination & Responsive UI: Optimized for all devices with smooth navigation βœ… Real-time Stats: React CountUp to display service and user statistics

πŸ“¦ Dependencies

Below are the key dependencies used in the project:

  1. Client-Side (Frontend)
  • React.js
  • React Router DOM
  • Firebase Authentication
  • Tailwind CSS / Material Tailwind
  • React Rating (for star ratings)
  • Framer Motion (for animations)
  • Swiper.js (for sliders)
  • React Toastify / SweetAlert (for notifications)
  • React CountUp (for statistics)
  1. Server-Side (Backend)
  • Node.js
  • Express.js
  • MongoDB (Mongoose)
  • JSON Web Token (JWT)

πŸ—οΈ Installation & Setup

Follow these steps to set up the project locally:

1️⃣ Clone the Repositories

  • bash
  • Copy
  • Edit
  • git clone <CLIENT_REPO_URL>
  • git clone <SERVER_REPO_URL>

2️⃣ Install Dependencies

Navigate into both the client and server directories and install dependencies:

  • bash
  • Copy
  • Edit

For client-side

  • cd client
  • npm install

For server-side

  • cd server
  • npm install

3️⃣ Set Up Environment Variables

Create a .env file in the server directory and add the following:

  • env
  • Copy
  • Edit
  • MONGO_URI=your_mongodb_connection_string
  • JWT_SECRET=your_jwt_secret_key

For the client, set up Firebase credentials in an .env file:

  • env
  • Copy
  • Edit
  • REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
  • REACT_APP_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain

4️⃣ Run the Server & Client

  • bash
  • Copy
  • Edit

Start the backend server

  • cd server
  • npm run dev

Start the frontend client

  • cd client
  • npm start

πŸ”— Live Links & Resources

  1. Live Site: https://trust-ease-client.web.app/
  2. Client GitHub Repo: /~https://github.com/monzila-akter/trust-ease-client
  3. Server GitHub Repo: /~https://github.com/monzila-akter/trust-ease-server

6.Required document link:

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

About

Trust Ease is a Service Review Platform where users can add, explore, and review services. It features authentication, CRUD operations, search, filters, and JWT security, ensuring a seamless and responsive experience. πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages