amexaCree / eStoreApp-udacity

A front-end applicaiton for an online store built with Angular.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

EStoreApp

Version License: MIT

A front-end applicaiton for an online store built with Angular. (See features below for more information.)

Prerequisites

  • npm >= 6.9.0
  • node >= 12.0.0
  • @angular/cli

Features

This e-store front-end application provides the following features:

  • A products page listing the available products
  • A product detail page for each product, user can add 1-10 of an item into cart.
  • A cart page listing all products the user has added to the cart, user can change quantity of an item or remove item from cart, and
  • An order confirmation page displayed after check out to indicate to the user that the order was successful.

The application once started runs by default on port 4200 (http://localhost:4200). (Look at Development Server section for how to start application.)

This project was generated with Angular CLI version 12.2.2.

Installation

Run npm install in root folder to install all dependencies.

npm install

NOTE - To run the Angular CLI commands indicated please install Angular CLI.

Run npm install --global @angular/cli to install Angular CLI globally.

npm install --global @angular/cli

Development server

Run ng serve to start the dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

ng serve

Code scaffolding (For Development)

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.

ng build

Running unit tests

Run ng test to execute the unit tests via Karma.

ng test

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help (For Development)

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Author

👤 Amy Turnah

Show your support

Give a ⭐️ if this project helped you!

About

A front-end applicaiton for an online store built with Angular.


Languages

Language:TypeScript 70.7%Language:HTML 16.1%Language:CSS 9.1%Language:JavaScript 4.2%