Skip to content
An ECommerce Website Like Amazon
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.

Amazona: Ecommerce Website like Amazon


Deployment on Heroku

Step 1. Add this folder to git repository

$ git init

Step 2. Create heroku account at

Step 3. Install Heroku CLI at

Step 4. Login to Heroku

$ heroku login

Step 5. Create Heroku app

$ heroku apps:create amazonaapp

Step 6. Edit package.json

   "scripts": {
    "start": "node dist/server.js",
    "dev": "nodemon --exec babel-node backend/server.js",
    "build": "rm -rf dist && babel backend -d dist",
    "heroku-postbuild": "npm run build && cd frontend && npm install && npm run build"

Step 7. Update server port in backend/server.js

const port = process.env.PORT || 5000;
app.listen(port, () =>
  console.log("Server serves at http://localhost:" + port)

Step 8. Push to Heroku

$ git add .
$ git commit -m "message"
$ git push heroku master

Connect to MongoDB

Step 1. Create account on

Step 2. Login to

Step 3. Add database user

  • Select Security > Database Access on left sidebar
  • Select Add New User button
  • Enter user name and password and click Add User

Step 4. Add ip whitelist

  • Select Security > Network Access on left sidebar
  • Select Add IP Address
  • Enter in Whitelist Entry and click Confirm

Step 5. Get connection string

  • Select Altas > Cluster on left sidebar
  • Click Connect
  • Click Connect to your application
  • Click Copy button

Step 6. Set connection string in Heroku

  • Open Heroku apps
  • Select your apps
  • Open Setting Tab
  • Click Reveal Config Vars
  • Enter Key as MONGODB_URL
  • Enter Value from copied connection string

Step 7. Set connection string in backend/server.js

const mongodbUrl = process.env.MONGODB_URL || "mongodb://localhost/amazona";
You can’t perform that action at this time.