Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/akiayu13/mern-stack-ecom-project

An e-commerce website using MERN Stack development i.e., MongoDB , Express , React, Redux , NodeJs.
https://github.com/akiayu13/mern-stack-ecom-project

crud-application ecommerce mern mern-project mern-stack mongodb nodejs react reactjs redux shopping-cart

Last synced: about 2 months ago
JSON representation

An e-commerce website using MERN Stack development i.e., MongoDB , Express , React, Redux , NodeJs.

Awesome Lists containing this project

README

        

# Ecommerce Shopping Cart app using MERN Stack

An e-commerce website using MERN Stack development. Which has the functionalities like adding, deleting or updating a product, admin and normal user login, admin dashboard which is accessible only to the admin users and a product cart.

## Demo
You can visit the following link for a live demo of the project:
https://mern-ecom-project.herokuapp.com/

## Deployment

To deploy this project run

1. Go to Backend->Config->Config.env and change the dbURL.

2. In root directory run
```bash
npm install
```
3. Change the directory to ./Frontend
```bash
cd Frontend
```
4. Run the following command
```bash
npm run build
```
5. Start
```bash
npm start
```
Enjoy!

## Screenshots/GIFs

Landing

![landingg](https://user-images.githubusercontent.com/29685463/214487940-16e56c60-c42b-4aed-8e89-d063d6be9ad1.gif)

Cart & Login

![cart and login](https://user-images.githubusercontent.com/29685463/214486760-ae8e8ee2-df62-43b4-b645-fb970ff275cc.gif)

Admin Dashboard

![admin_dashboard](https://user-images.githubusercontent.com/29685463/214488850-79c5b5e0-d902-4a63-bb18-493eb94f4b81.png)

Delete and Update Product

![Delete_Update](https://user-images.githubusercontent.com/29685463/214488854-0d52fdcc-a53f-4c48-a299-8335fa364d79.png)