FitnessFrenzy is a comprehensive full stack web application developed using the MERN stack (MongoDB, Express.js, React, and Node.js) designed for online shopping of clothes to provide a seamless and intuitive user experience.
- User Authentication: Secure user registration and login using JWT authentication.
- Admin Panel: The platform includes comprehensive features for both users and administrators, ensuring efficient ordering and management processes.
- Secure Payment: Integrated with Stripe, the platform ensures secure and swift payment processing.
- Responsive Design: The application is designed to be fully responsive, ensuring a seamless experience across all devices.
- MongoDB
- ExpressJS
- React
- NodeJS
- Mongoose
Before running the project, ensure you have the following installed:
- Node.js (https://nodejs.org/)
- You can either install MongoDB locally in your system (https://www.mongodb.com/) or you can use cloud based MongoDB Atlas Database (https://www.mongodb.com/products/platform/atlas-database).
git clone https://github.com/RajeevRanjan5642/e-commerce-website.git
cd e-commerce-website
cd backend
npm install
cd ../frontend
npm install
cd ../admin
npm install
- Backend: create a .env file and add the following:
PORT = 4000
MONGODB_URI = <your-mongodb-connection-string>
SECRET_KEY = <your-jwt-secret-key>
STRIPE_SECRET_KEY = <your-stripe-secret-key>
FRONTEND_URL = http://localhost:3000
BACKEND_URL = http://localhost:4000
- Frontend: create a .env file and add the following:
REACT_APP_API_URL = http://localhost:4000
- Admin: create a .env file and add the following:
REACT_APP_API_URL = http://localhost:4000
First run the server on a terminal (make sure you are in backend folder)
npm run dev
Open new terminal and run the frontend
cd frontend
npm start
Open new terminal and run admin panel
cd admin
npm start
- Create a new user account and log in.
- Add products through admin panel.
The site is live at:
🔗 https://fashionfrenzy-gamma.vercel.app/
Admin Panel :