⚡ FightFlex – MERN Stack E-Commerce Platform

FightFlex is a modern MERN Stack e-commerce application designed for sports and fitness products. It provides a seamless shopping experience with secure authentication, an intuitive admin dashboard, real-time order management, and a responsive user interface.

---

🚀 Tech Stack

Frontend

• React.js
• Vite
• Redux Toolkit
• React Router DOM
• Tailwind CSS
• Axios
• Recharts
• Lucide React

Backend

• Node.js
• Express.js
• MongoDB
• Mongoose
• JWT Authentication
• bcrypt.js
• Cloudinary
• Nodemailer

---

✨ Features

• Secure User Authentication
• Google Login Support
• OTP Email Verification
• Forgot Password System
• Responsive UI
• Shopping Cart
• Product Categories
• Product Search
• Order Management
• Admin Dashboard
• Product CRUD Operations
• User Management
• Carousel Management
• Cloud Image Upload
• Real-Time Order Status
• Protected Routes
• Redux State Management

---

📂 Project Structure

FightFlex/
│
├── client/
│   ├── public/
│   ├── src/
│   │   ├── Admin/
│   │   ├── Client/
│   │   ├── Components/
│   │   ├── store/
│   │   └── App.jsx
│
└── server/
    ├── controllers/
    ├── middleware/
    ├── models/
    ├── routes/
    ├── utils/
    ├── app.js
    └── server.js

---

🛠 Installation

Step 1 — Clone the Repository

git clone <repository-url>
cd FightFlex

---

Step 2 — Install Client Dependencies

cd client
npm install

---

Step 3 — Install Server Dependencies

cd ../server
npm install

---

Step 4 — Start the Backend Server

npm run dev

The backend server will start on the configured port.

---

Step 5 — Start the Frontend

Open another terminal.

cd client
npm run dev

---

Step 6 — Open the Application

Visit the application in your browser.

http://localhost:5173

---

Step 7 — Explore the Project

You can now:

• Browse Products
• Register/Login
• Add Products to Cart
• Place Orders
• Manage Products
• Manage Users
• Manage Orders
• Access the Admin Dashboard

---

📸 Main Modules

• Home
• Products
• Categories
• Cart
• Checkout
• User Profile
• Order History
• Authentication
• Admin Dashboard
• Product Management
• User Management
• Order Management
• Carousel Management

---

👨‍💻 Developer

Muhammad Taha

Full Stack MERN Developer passionate about building scalable and modern web applications.

GitHub: https://github.com/Muhammad-Taha7

LinkedIn: https://www.linkedin.com/in/mr-taha-b05849423/

---

⭐ Support

If you found this project useful, please consider giving it a Star ⭐ on GitHub.

---

📄 License

This project is licensed under the MIT License.

---

Built using the MERN Stack