/E-Shopping

Complete MEAN stack shopping cart project written in MongoDB, ExpressJS, Angular 5 and NodeJS, it's also made SEO friendly with the help of angular universal ..

Primary LanguageCSS

Shopping Cart (MEAN Stack eShop)

Full description is at learn more

This project was generated with Angular CLI version 1.5.5 and developed with latest angular version Angular 5 .

It's a complete shopping cart project with the following functionalities :-

  • Products (men / electronics) and categories listing.
  • Adding products to the cart.
  • Full and quick product view with product information.
  • Complete cart calculations with 5% VAT.
  • User can edit/delete items in the cart.
  • User can set shipping address and checkout (place order of) items in the cart.
  • User can register and log in and manage his/her cart.
  • Contact us and about us page.

Quick start

Clone the project and run npm install on the project folder, after successful installation run npm run serve:universal after successful build run node server.js Navigate to http://localhost:3000/. you can Similarly see the live version here http://mini-com.herokuapp.com/ or https://ibnmhmd.github.io/Shopping-Cart (non SEO friendly) and https://mini-eshop.herokuapp.com/ (SEO friendly implemented with SSR).

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.