https://github.com/monzila-akter/trust-ease-client
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. 🚀
https://github.com/monzila-akter/trust-ease-client
expressjs firebase jwt mongodb nodejs reacthottoast reacticons reactjs reactrouterdom reacttoastify sweetalert2 tailwindcss
Last synced: 2 months ago
JSON representation
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. 🚀
- Host: GitHub
- URL: https://github.com/monzila-akter/trust-ease-client
- Owner: monzila-akter
- Created: 2025-01-10T09:34:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-11T20:52:21.000Z (over 1 year ago)
- Last Synced: 2025-05-16T09:46:17.894Z (about 1 year ago)
- Topics: expressjs, firebase, jwt, mongodb, nodejs, reacthottoast, reacticons, reactjs, reactrouterdom, reacttoastify, sweetalert2, tailwindcss
- Language: JavaScript
- Homepage: https://trust-ease-client.web.app/
- Size: 1.93 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🤝 TrustEase – Your Reliable Service Review Platform
## 🚀 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)
2. 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
- git clone
### 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:
- https://docs.google.com/document/d/1pG3Lea3dzAqI2bgxgob1oh1lmnk7pSpG3gaXeBWfUbg/edit?tab=t.0#heading=h.7hjcn4q0n6sx
# 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:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh