Skip to content

A containerized e-commerce application built with the MERN stack. It includes a React-based front-end and a REST API for the back-end.

License

Notifications You must be signed in to change notification settings

irfanalamt/node-ecom-restapi

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

87 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Full stack e-com

This project utilizes the MERN stack to create a full stack e-commerce application. The front-end is a React app, and the backend is a REST API.

Alt text Alt text Alt text

Features

  • User registration/login
  • JWT verification
  • Material UI design
  • Developer mode
  • CRUD operations on user, product, cart and order

How to run the application

a) Using Docker (easier way)

  1. Install docker desktop. https://www.docker.com/products/docker-desktop/
  2. Clone the repository. git clone https://github.com/irfanalamt/node-ecom-restapi.git
  3. Check the proxy property in package.json of the React app. It should look like this. "proxy": "http://api:5000"
  4. Navigate into the project directory, start and run all containers. Access the application on browser. http://localhost:3000
$ cd node-ecom-restapi
$ docker-compose up
  1. When done, stop and remove all containers. docker-compose down

b) Manual start

  1. Clone the repository. git clone https://github.com/irfanalamt/node-ecom-restapi.git
  2. In your terminal, navigate to the project root directory. `cd node-ecom-restapi
  3. a)Install back-end dependencies and start.(http://localhost:5000)
$ cd backendend
$ npm install
$ npm start

b)Open new terminal, install front-end dependencies and start.(http://localhost:3000)

$ cd frontend
$ npm install
$ npm start

Acknowledgements

  • Zara,H&M - product image credits.

ENJOY!

About

A containerized e-commerce application built with the MERN stack. It includes a React-based front-end and a REST API for the back-end.

Topics

Resources

License

Stars

Watchers

Forks