E-commerce Demo

This is a sample application that demonstrates an E-commerce website using the MEAN stack. The application loads products a MongoDB database and displays them. Users can select to display products in a single category. Users can click on any product to get more information including pricing, reviews and rating. Users can select items and add them to their shopping cart

Import Data

I have included a data folder in this repo. Inside that folder will be 2 folders called cart and item. These 2 folders contain a mongodump of the 2 collections that I use in this ecommerce demo. You can use the import-data.sh script to import these 2 dumps to an ecommerce database, then you will have the same content that I have for this demo.

Live Demonstration

The E-commerce demo can be viewed online here.

Here are screenshots that show the E-commerce demo application in use.

Home Page

Item Detail Page

Shopping Cart

Getting Started

To get started you can simply clone this ecommerce-demo repository and install the dependencies.

Clone the ecommerce-demo repository using git:

git clone https://github.com/ratracegrad/ecommerce-demo
cd ecommerce-demo

Install dependencies with this command:

npm install

Run the application with this command:

npm start

Tech Stack

AngularJS
Node.js
Express.js
Bootstrap
ui-Router

ecommerce-demo

Commits

Removed console.log used for troubleshooting

Added package-lock

Added fallback connection for mongo database

Created private createGuid function

Removed image that was no longer being used

Updated the add to cart button on item detail page to transition over to cart after adding item

README