Fit-Market

What is Fit-Market?

• Fit-Market is an online marketplace that offers a wide range of products, including clothing and valuable assets. We provide a user-friendly platform for customers to browse and purchase high-quality items from renowned brands. With secure payment options and prompt delivery services, Fit-Market ensures a convenient and reliable shopping experience. Our commitment to quality and customer satisfaction sets us apart as your ultimate online shopping destination.

Features

Fit-Market: Online Shopping Platform 🛒 | Built with React.js, Node.js, Redux, Docker

• 🚀 Improved user experience with:
  • Error handling
  • Search and pagination
  • Cart functionality
  • Ratings, reviews, and product filters
• 🔐 Secure user authentication using JWT
• 💳 Stripe integration for seamless online payments
• ☁️ Media management via Cloudinary
• ⚙️ Redux-powered state management for predictable data flow (boosted app performance by 40%)
• 🛠️ Intuitive admin dashboard to manage:
  • Products
  • Users
  • Payments
  • Orders

Getting Started

1. Fork the repository

2. Clone the repository

3. Open the folder containing the cloned repository

4.Download dependencies Go inside ./Fit-Market/backend

Run npm install 

Go inside Fit-Market/frontend

Run npm install

To start the project Server on localhost Go inside ./Fit-Market/backend

Run npm run dev

To start the project Frontend on localhost Go inside ./Fit-Market/frontend

Run npm start

Environment Variables

Create a config.env file inside the backend/config directory and add the following variables:

Essential Variables PORT= JWT_SECRET= JWT_EXPIRE= COOKIE_EXPIRE= DB_URL= SMPT_SERVICE= SMPT_MAIL= SMPT_PASSWORD= SMPT_HOST= SMPT_PORT= FRONTEND_URL= CLOUDINARY_NAME= CLOUDINARY_API_KEY= CLOUDINARY_SECRET_KEY= STRIPE_PUBLIC_KEY= STRIPE_SECRET_KEY=

Screenshots

Landing Page

Signup/LogIn Page

User Home Page

User Profile Page

Product Details Page

About Us Page

Admin Dashboard

Admin All Orders Page

Admin Products Page

Admin All users page