Ecommerce website built with the MERN stack with React Context API for state management, pure CSS for style

Demo: https://mean-ecom.herokuapp.com

Demo video: https://www.youtube.com/watch?v=xhkw3_aeoJc

Tech:

Frontned: Reactjs Backend: Node
Additional NPM Libraries

• react-router-dom
• react-router-bootstrap
• bcrypt
• react-bootstrap
• axios
• bcrypt
• cloudinary
• cookie-parser
• cors
• dotenv
• express-fileupload
• jsonwebtoken
• mongoose

Styling: CSS and BootStrap
Database: MongoDB
Authentication and Authorisation: Json web token
Storing Images: Cloudinary
Deployment: Heroku

Overall Functionlity

• Admin / User Specific Headers and Pages
• Admin can create / edit / delete products and categories
• Filtered Search and Load More Pagination
• User Management (Login, register)
• Authenticated Routes and 404 error page.

Upcoming Features

• Payment Integration

Install dependencies for server

npm install

Install dependencies for client

cd client ---> npm install

Run the client & server with concurrently

npm run dev

Run the Express server only

npm run server

Run the React client only

npm run client

Server runs on http://localhost:5000 and client on http://localhost:3000

User interface

Admin interface