KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #developer-tools #claude-code #codex #cli #agent-skills #ai #dsh-plugin #mcp #windows #agent

forever

★ 24 Open GitHub ↗

A full-stack e-commerce website built using the MERN stack. Features user authentication, product management, a shopping cart, admin dashboard, and secure payments via Stripe and Razorpay. Fully responsive and deployed on Vercel. Built with React, Node.js, Express, and MongoDB for a seamless shopping experience.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# E-Commerce Website (MERN Stack)

## Description
This project is a fully functional e-commerce website built using the MERN (MongoDB, Express, React, Node.js) stack. It features user authentication, product management, a shopping cart, order placement, and payment gateway integration. The admin dashboard allows for efficient store management, including order tracking and product uploads.

## Features
- **Frontend**: Built with Vite React, including pages for home, collections, product details, cart, orders, login, about, and contact.
- **Backend**: Node.js and Express handle APIs, user authentication, and database management.
- **Authentication**: Secure user and admin authentication using JWT.
- **Product Management**: Upload, edit, and delete products via an admin dashboard.
- **Cart & Order Management**: Add products to the cart, place orders, and track them in the admin panel.
- **Payment Integration**: Supports Stripe and Razorpay for secure transactions.
- **Image Uploads**: Uses Cloudinary and Multer for efficient image storage and handling.
- **Deployment**: Fully deployed on Vercel for easy access.

## Project Structure
1. **Frontend**: Vite React setup, routing, and UI components.
2. **Backend**: API development with Express and MongoDB.
3. **Authentication**: User registration and admin verification.
4. **Product Features**: Uploading and displaying products.
5. **Cart & Orders**: Managing user purchases and tracking orders.
6. **Admin Dashboard**: Overview and control over website operations.
7. **Payments**: Secure integration with Stripe and Razorpay.
8. **Image Uploads**: Implemented using Cloudinary and Multer.
9. **Deployment**: Final hosting on Vercel.

## Installation
1. Clone the repository:
   ```bash
   git clone https://github.com/yourusername/mern-ecommerce.git
   ```
2. Navigate to the project directory:
   ```bash
   cd mern-ecommerce
   ```
3. Install dependencies for both frontend and backend:
   ```bash
   cd frontend
   npm install
   cd ../backend
   npm install
   cd ../admin
   npm install
   ```
4. Start the development servers:
   ```bash
   cd frontend
   npm run dev
   ```
   ```bash
   cd backend
   npm run dev
   ```
   ```bash
   cd admin
   npm run start
   ```
5. Open `http://localhost:5174/` in your browser.

## Technologies Used
- **Frontend**: React, Redux, React Router
- **Backend**: Node.js, Express, MongoDB
- **Authentication**: JWT
- **Payment**: Stripe, Razorpay
- **Image Uploads**: Cloudinary, Multer
- **Deployment**: Vercel

## Deployment
To deploy the project on Vercel:
1. Push the code to GitHub.
2. Connect the repository to Vercel.
3. Deploy both the frontend and backend separately.

Credits : https://youtu.be/7E6um7NGmeE?si=3tdDDz2_2CrXqJwe

## Contributors
- **Divanshi Jain** - [GitHub Profile](https://github.com/DivanshiJain2005)

## License
This project is licensed under the MIT License.

forever

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README