tarekahsan709 / cefalo-ecommerce

Cefalo Full-stack Web Developer Assignment

Cefalo Full-stack Web Developer Assignment

🔦 Live

https://cefalo-ecommerce-nazmul.herokuapp.com

🔖 Table of Contents

• Built with
• Tools and Technologies
• Feature List
• Installation
• Run and Test
• Database Seeding

🔨 Built with

• TypeScript
• Express
• MongoDB
• Passport
• Mocha
• Chai
• Angular
• Bootstrap

⚙️ Tools and Technologies

• Angular CLI
• Docker
• Heroku
• Prettier

🔖 Feature List

• User
  • Registration
  • Login
• Product
  • Product list view
  • Product details view
  • Product variant selection
  • Add to cart
  • Already added product label
  • Unavailable product label
• Cart
  • Checkout
  • Remove product
  • Increment/decrement product quantity
  • Cart item number in header.
  • Total price

Installation

1. Install Node.js and MongoDB
2. Install Angular CLI: npm i -g @angular/cli
3. From project root folder install all the dependencies: npm i

Run

Development mode

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

Docker

1. docker-compose up
2. Go to localhost:3000

Running tests

Run ng test to execute the frontend unit tests via Karma.

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

Run npm run testbe to execute the backend tests via Mocha (it requires mongod already running).

Running linters

Run npm run lint to execute TS linting, HTML linting and SASS linting.

💾 Database Seeding

$ npm run seed

Author

• Nazmul Ahsan