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: 4 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/manastelavane/ecommerce
• Owner: manastelavane
• Created: 2022-05-24T19:55:47.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-06-14T11:18:20.000Z (about 1 year ago)
• Last Synced: 2025-01-09T00:49:07.444Z (5 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_