https://github.com/noushinsaad/service-review-client-site

Welcome to the Service Review Application, a platform designed to help users explore, review, and manage various services seamlessly. This full-stack application combines user authentication, CRUD operations, and dynamic filtering for a comprehensive experience.
https://github.com/noushinsaad/service-review-client-site

axios dotenv jwt-authentication mongodb nodejs reactjs vite

Last synced: about 4 hours ago
JSON representation

Welcome to the Service Review Application, a platform designed to help users explore, review, and manage various services seamlessly. This full-stack application combines user authentication, CRUD operations, and dynamic filtering for a comprehensive experience.

• Host: GitHub
• URL: https://github.com/noushinsaad/service-review-client-site
• Owner: noushinsaad
• Created: 2025-01-08T04:48:39.000Z (5 days ago)
• Default Branch: main
• Last Pushed: 2025-01-11T06:50:38.000Z (2 days ago)
• Last Synced: 2025-01-11T07:18:55.209Z (2 days ago)
• Topics: axios, dotenv, jwt-authentication, mongodb, nodejs, reactjs, vite
• Language: JavaScript
• Homepage: https://service-review-7e78b.web.app/
• Size: 1.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Service Review Application

Welcome to the Service Review Application, a platform designed to help users explore, review, and manage various services seamlessly. This full-stack application combines user authentication, CRUD operations, and dynamic filtering for a comprehensive experience.

## 🚀 Live Demo

[Click here to visit the live application](https://service-review-7e78b.web.app)

## 🚀 Server Side Git

[Click here to visit the Server side git](https://github.com/programming-hero-web-course2/b10a11-server-side-noushinsaad)

---

## 📖 Project Purpose

The Service Review Application provides users with a platform to discover services, share feedback, and manage reviews. With intuitive features and responsive design, users can:

- **Add and manage services.**

- **Explore services from various categories.**

- **Post and manage detailed reviews.**

- **Navigate a user-friendly and secure environment.**

---

## 🌟 Key Features

### User Features

1. **Authentication System**

   - User login and registration with email and password.

   - Firebase authentication.

   - Secure token handling with JWT.

2. **Service Management**

   - Add, update, and delete services.

   - Filter services by category.

   - Dynamic search functionality for title.

3. **Reviews Management**

   - Post detailed reviews with ratings.

   - Edit and delete reviews directly from the UI.

   - Manage your reviews in a dedicated section.

### Advanced Features

- **Dynamic Page Titles:** Each route dynamically updates the browser tab title.

- **Toast Notifications:** Feedback for user actions, such as adding, updating, or deleting.

- **Meet Our Partners Section:** Highlights partner collaborations.

- **404 Page:** Custom "Page Not Found" error page.

---

## 🛠️ Tech Stack

### Frontend

- **ReactJS** with **React Router** for dynamic routing.

- **TailwindCSS** for styling.

- **Framer Motion** for animations.

- **Axios** for API interactions.

### Backend

- **Node.js** with **Express.js**.

- **MongoDB** with Mongoose for database operations.

- **JWT** for authentication.

- **dotenv** for environment variable management.

## 📊 NPM Packages Used

### Frontend

- **react-router-dom**: Dynamic routing.

- **react-router-dom**: Dynamic title.

- **sweetAlert**: Notifications.

- **framer-motion**: Animations.

- **axios**: HTTP client.

### Backend

- **express**: Web server framework.

- **mongodb**: MongoDB object modeling.

- **jsonwebtoken**: Authentication.

- **cors**: Enable CORS.

- **dotenv**: Environment variables.

---