Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/manastelavane/ecommerce

This is an ecommerce website for selling products online.It includes features such as a shopping cart, product pages, search bar, customer reviews, filters, Mobile responsive, payment gateway, order tracking and Admin Panel made using Chartjs.
https://github.com/manastelavane/ecommerce

express jwt mongodb nodjs reactjs redux rest-api

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/manastelavane/ecommerce
Owner: manastelavane
Created: 2022-05-24T19:55:47.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2024-06-14T11:18:20.000Z (6 months ago)
Last Synced: 2024-06-14T12:38:36.588Z (6 months ago)
Topics: express, jwt, mongodb, nodjs, reactjs, redux, rest-api
Language: JavaScript
Homepage: http://ecommerce-manas.onrender.com/
Size: 762 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# MERN E-COMMERCE TUTORIAL

http://ecommerce-manas.onrender.com/

#Features

- Shopping cart: allows customers to add items to their virtual cart as they shop on the site.
- Product pages: dedicated pages for each product that include detailed information and images of the product.
- Search bar: allows customers to search for specific products on the site.
- Filters: allow customers to narrow down their search results by various criteria such as category,price, ratings , etc.
- Customer reviews: allow customers to leave reviews and ratings for products, which can help other customers in their purchasing decision.
- Mobile optimization: ensure that the website is easily usable on mobile devices.
- Payment gateways: integrate payment gateway with stripe.
- Order tracking: allow customers to track the status of their orders.
- Admin Panel : Admin can track orders, product stocks, various analytics graphs.

#Result Screenshot

Home Page
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/808b9201-afb3-455b-8b84-336914d30208)

Products:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/6630b99a-2f6e-45cd-9ecc-6673f11af7cc)

Product Details:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/29e2be13-cd0c-44db-958d-74b1cbbbbc13)

Product Review:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/c895f944-624a-4178-9191-461c6ae3afc4)

Cart:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/8eb45081-048f-4629-9381-70e89b14ee13)

Confirm Order:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/835cc700-c1d5-4069-926a-5caf575f94ba)

Card Details:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/ba6c1615-1827-4469-a2a0-ed94ff6fe938)

Order Placed:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/c2322e23-3df6-46e0-a0fb-5316343b1f38)

Placed Order Details:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/2a2a3f27-0862-4f03-99b4-3c59df71faf6)

Admin Dashboard:
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/ce83ceec-5d63-4737-9341-f9f8ed8c1da9)
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/d05c22b9-8486-4b3c-b9a3-598a0795315c)
![image](https://github.com/manastelavane/Ecommerce/assets/82931004/a29554c1-15a6-4515-b8dd-7ffd11c0ea4d)

# Install Dependencies

**For Backend** - `npm i`

**For Frontend** - `cd frontend` ` npm i`

## Env Variables

Make Sure to Create a config.env file in backend/config directory and add appropriate variables in order to use the app.

**Essential Variables**
PORT=
DB_URI =
STRIPE_API_KEY=
STRIPE_SECRET_KEY=
JWT_SECRET=
JWT_EXPIRE=
COOKIE_EXPIRE=
SMPT_SERVICE =
SMPT_MAIL=
SMPT_PASSWORD=
SMPT_HOST=
SMPT_PORT=
CLOUDINARY_NAME
CLOUDINARY_API_KEY
CLOUDINARY_API_SECRET
_fill each filed with your info respectively_