1. ECommerce Features

Download Source Code:

  • https://github.com/basir/amazona

View Demo Website

  • https://react-amazona.herokuapp.com
  • https://react-amazona-mirror.herokuapp.com

You Will Learn

  • 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,
  • Deployment: Heroku
  • Watch React & Node Tutorial

Run Locally

1. Clone repo

$ git clone [email protected]:basir/amazona.git

$ cd amazona


2. Setup MongoDB

  • Local MongoDB
  • Install it from here
  • Create .env file in root folder
  • Set MONGODB_URL=mongodb://localhost/amazona
  • Atlas Cloud MongoDB
  • Create database at https://cloud.mongodb.com
  • Create .env file in root folder
  • Set MONGODB_URL=mongodb+srv://your-db-connection

3. Run Backend

$ npm install

$ npm start


4. Run Frontend

# open a new terminal

$ cd frontend

$ npm install

$ npm start


5. Seed Users and Products

  • Run this on chrome: http://localhost:5000/api/users/seed
  • It returns admin email and password
  • Run this on chrome: http://localhost:5000/api/products/seed
  • It creates 6 sample products

6. Admin Login

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


Discussion

0 comments