React & Node Ecommerce Website

Screenshots

Technologies and Frameworks used

• HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
• React: Components, Props, Events, Hooks, Router, Axios
• Redux: Store, Reducers, Actions
• Node & Express: Web API, Body Parser, File Upload, JWT
• MongoDB: Mongoose, Aggregation
• Development: ESLint, Babel, Git, Github,

Run Locally

1. Clone repo

$ git clone git@github.com:Kuljeet-123/amazona-web-app.git

2. Install MongoDB

Download it from here: https://docs.mongodb.com/manual/administration/install-community/

3. Run Backend

$ npm install
$ npm start

4. Run Frontend

# open new terminal
$ cd frontend
$ npm install
$ npm start

5. Create Admin User

• Run this on chrome: http://localhost:5000/api/users/createadmin
• It returns admin email and password

6. Login

• Run http://localhost:3000/signin
• Enter admin email and password and click signin

7. Create Products

• Run http://localhost:3000/products
• Click create product and enter product info

Features

• Display Products
• Rating and Product Component
• Product Screen
• Node.JS Server
• Load Products From Backend
• ESlint For Code Linting
• Redux to Home Screen
• Redux to Product Screen
• Add To Cart Option
• Cart Screen
• Remove From Cart Option