Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/shubhamdutta2000/eshop-ecommerce-site

eShop: This is a eCommerce website where you can buy various products at very less price. It is a full fledged MERN stack project with payment integration with Progressive Web App feature and deploy with CI/CD
https://github.com/shubhamdutta2000/eshop-ecommerce-site

authentication checkout cicd-pipeline ecommerce expressjs firebase hacktoberfest material-ui mern-stack mongoose nodejs payment-integration paypal-checkout progressive-web-app react react-bootstrap redux redux-store state-management stripe-checkout

Last synced: about 13 hours ago
JSON representation

eShop: This is a eCommerce website where you can buy various products at very less price. It is a full fledged MERN stack project with payment integration with Progressive Web App feature and deploy with CI/CD

Awesome Lists containing this project

README

        

![[object Object]](https://socialify.git.ci/Shubhamdutta2000/eShop-ecommerce-site/image?description=1&font=Bitter&forks=1&issues=1&language=1&name=1&owner=1&pattern=Signal&stargazers=1&theme=Light)


# Features

### v1:

- Full featured shopping cart
- Payment Integration:
- Stripe
- Paypal
- List down all Products by category
- Product details
- Product Rating and Review System
- Profile Page with update functionality
- List Down User's Orders
- Authentication in every step
- Product Pagination
- Product Search Functionality
- Top Carousal
- Checkout Process:
- Shipping Screen
- PaymentMethod Screen
- PlaceOrder Screen
- Breadcrumb

### v2:

- Sticky Navbar
- Custom title in each screen (in meta tag)
- Logout on JWT expire
- Descent Search Screen look
- Add upload image functionality (locally) (by accessing backend url)
- Admin Panel:
- UserList
- UserEdit
- Product List
- Product Edit
- Product Create
- OrderList
- Order Edit (marked As Delivered)

### v3:

- Add Upload functionality ( stored in firebase cloud storage ) in product admin section
- Add PWA feature to web app for higher engagement which prompt user to add to their mobile home screen
- Add Offline Page if no internet connection.


# Hero Section

![screenshot](https://github.com/Shubhamdutta2000/eShop/blob/main/frontend/public/assets/images/screenshots/carousalAdmin2.PNG)

## Usage

### Install Dependencies

```
npm i
cd frontend
npm i
```

### Run Locally

```
cd ..
# Run both frontend (3000) and backend (5000) simultaneously
npm run dev
```

## Build & Deploy (frontend)

```
# Create frontend prod build
cd frontend
npm run build
```

## DEMO

- See this app live:- https://eshop-shubham.netlify.app/

## License Used
- Apache 2.0 License