0. Introduction

Build Ecommerce Website Like Amazon By Vanilla JS, Node and MongoDB

  • Source Code : https://github.com/basir/node-javascript-ecommerce
  • Demo Website : https://jsamazona.herokuapp.com

You Will Learn

  • HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
  • JavaScript: ES6+, Array Functions, Rendering System
  • 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/node-javascript-ecommerce.git

$ cd node-javascript-ecommerce


2. Setup MongoDB

  • Download and Install it from mongodb.com

3. Create .env file

  • Create .env file in project folder
  • Enter these lines to that:

MONGODB_URL=mongodb://localhost/jsamazona

JWT_SECRET=somethingsecret

PAYPAL_CLIENT_ID="your paypal client id" or sb


4. Run Backend

$ npm install

$ npm run build

$ npm start


5. Run Frontend

# open new terminal

$ cd frontend

$ npm install

$ npm start


6. Create Admin User

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

7. Admin Login

  • Run http://localhost:8080/#/signin
  • Enter admin email and password and click sign in
  • Click Dashboard Link on Header Menu
  • Click Products on the left sidebar
  • Click Create Product Button
  • Enter Product Information
  • Go to the home page (http://localhost:8080) and view ecommerce Website