Angular 4 Full Stack E-Commerce App

This project was generated with angular-cli.

This project is developed using MEAN stack:

• Mongoose.js (MongoDB): database
• Express.js: backend framework
• Angular 4: frontend framework
• Node.js: runtime environment
• Bootstrap 4: layout and styles

Other node packages used:

• Font Awesome: icons
• JSON Web Token: user authentication
• Angular 2 JWT: JWT helper for Angular
• Bcrypt.js: password encryption
• MDB: Material Design For Bootstrap

Node install

Install NodeJs version 6.9.4 includes npm 3.10.10.

MongoDB install

Install MongoDB

Angular CLI Install

run npm i -g @angular/cli.

Dependency Install

Navigate to project root path and run npm install to install all dependencies

Run

Development Server

Run npm run dev: concurrently execute MongoDB, Angular build, TypeScript compiler and Express server.

A window will automatically open at localhost:4200. Angular and Express files are being watched. Any change automatically creates a new bundle, restart Express server and reload your browser.

Production mode

npm run prod: run the project with a production bundle and AOT compilation listening at localhost:3000

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class.

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.