https://github.com/vedanthb/le-ecommerce

Ecommerce website built with the MERN stack with React Context API for state management, pure CSS for style
https://github.com/vedanthb/le-ecommerce

mern-stack mongodb mongoose node

Last synced: 28 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/vedanthb/le-ecommerce
• Owner: VedanthB
• Created: 2021-07-06T18:11:50.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-07-23T01:51:43.000Z (almost 5 years ago)
• Last Synced: 2025-01-01T17:13:15.748Z (over 1 year ago)
• Topics: mern-stack, mongodb, mongoose, node
• Language: JavaScript
• Homepage: https://mean-ecom.herokuapp.com
• Size: 545 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
> 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 

![alt](https://res.cloudinary.com/devatchannel/image/upload/v1599568147/test/1_pe9ism.png)

### Admin interface 

![alt](https://res.cloudinary.com/devatchannel/image/upload/v1599568148/test/2_obw2r7.png)