E-Shopping Site is a comprehensive online shopping platform that offers a wide range of clothing options for men, women, and kids. The project is developed using a modern tech stack, including React.js for the frontend, Node.js for the backend, and Vite for the admin interface. The application is powered by a MongoDB database.
-Here’s a demonstration of the frontend in action: -https://github.com/user-attachments/assets/84d80170-c313-4cb6-9529-db96af5407ef
-Here’s a demonstration of the admin in action: -https://github.com/user-attachments/assets/74f30ff5-0b94-44f2-b3e9-6584bad905d8
- Product Catalog: Users can browse through a diverse collection of clothing items, organized into three main categories: Men, Women, and Kids.
- User Authentication: Users must log in to the site to place orders. The application includes a secure authentication system.
- Shopping Cart: Users can add items to their shopping cart and proceed to checkout.
- Admin Interface: The admin interface, built with Vite, allows authorized personnel to manage products, orders, and user accounts.
- Responsive Design: The application is designed to be mobile-friendly, ensuring a seamless user experience across different devices.
- Frontend: React.js
- Backend: Node.js
- Admin Interface: Vite
- Database: MongoDB
- Other Tools: Git, GitHub, npm, etc.
-
Clone the repository: -
git clone https://github.com/sithumjee/E-Shopping.git -
Install the dependencies for the frontend, backend, and admin interface: -run npm install for 3 terminals
-
Set up the environment variables:
- Create a
.envfile in the root directory of the project. - Add the necessary environment variables, such as the MongoDB connection string, JWT secret, and any other required configuration.
-
Start the development servers:
-
Access the application in your web browser:
- Frontend:
http://localhost:3000 - Admin Interface:
http://localhost:5173 - -backend :
http://localhost:5000