E-Commerce --a dummy e-commerce site

This is an dummy fullStack E-Commerce web-app built with the MERN stack technologies.

About

This is an full-stack E-Commerce website made using React as frontend, MongoDB as database, and Express and Node as backend.

• This app has the following features:

• • Responsive UI
• • User authentication using email
• • A collection of total 100 products
• • Shopping cart features
• • Product searching features
• • Different filters to be applied on searched products
• • Option to buy product with 'Buy Now' option or by adding to cart

Demo

The Backend part of this project is hosted from render & the Frontend part is hosted on netlify please check it out 😄: [here] (https://e-commerce-dummy.netlify.app/)

Project Set-up

Make sure Node is installed on your device The project can be downloaded in zip or can run the commands down below

$ git clone https://github.com/mian312/e-commerce-site.git
$ cd e-commerce-site

To download all the node_modules or other dependencies run the followinf command

$ npm run setup

This command will instal all the needed node_modues in root folder and Backend folder

Create a '.env' file inside Backend folder and write the followings:

MONGODB_URI=<YOUR_MONGODB_URI/>
JWT_SECRET=jwtsecret

Developement

To run frontend and backend folder at a time run

npm run dev

Language & Tools

• [Javascript] (https://www.w3schools.com/js/)
• [React] (https://react.dev/)
• [MongoDB] (https://www.mongodb.com/docs/)
• [Node.js] (https://nodejs.org/en/docs)
• [Express] (https://expressjs.com/)