https://github.com/emmanuel-dominic/store-front-ui

store-front-ui is Angular application that allows users to view a list of available products to purchase, add them to a shopping cart, and ultimately complete the checkout process.
https://github.com/emmanuel-dominic/store-front-ui

angular front-end-development nanodegree udacity-nanodegree

Last synced: about 2 months ago
JSON representation

store-front-ui is Angular application that allows users to view a list of available products to purchase, add them to a shopping cart, and ultimately complete the checkout process.

• Host: GitHub
• URL: https://github.com/emmanuel-dominic/store-front-ui
• Owner: Emmanuel-Dominic
• Created: 2023-02-04T10:10:09.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-05T18:54:37.000Z (over 3 years ago)
• Last Synced: 2025-10-22T12:02:53.191Z (9 months ago)
• Topics: angular, front-end-development, nanodegree, udacity-nanodegree
• Language: TypeScript
• Homepage:
• Size: 38.9 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# store-front-ui Project Overview

store-front-ui is Angular application that allows users to view a list of available products to purchase, add them to a shopping cart, and ultimately complete the checkout process.

## Getting Started

- [x] Clone Repo: `git clone https://github.com/Emmanuel-Dominic/store-front-ui.git`

- [x] Install Package: `npm install`

- [x] Run Application: `ng serve`

- [x] Run Tests: `ng test`

## Project Overview

Below gif shows a single-page application that displays a rich, dynamic experience of how the web application works.

![store-front-ui shopping flow](store-front-ui.gif)

![store-front-ui-test flow](store-front-ui-test.gif)

## Project features

Your application reflects the same user experience as that of a real-world e-commerce website, including a(n):

- **Product list** page, which displays the available products for the user to choose and add to their cart (in various quantities)

- **Product details** page, which displays more information about any particular product

- **Shopping cart**, which includes the products that the user has added to their cart

- **Checkout form**, which collects information about the user (e.g., name, address, payment details, etc.)

- **Order confirmation page**, which shows the outcome after the user completes the checkout process (i.e., submits the checkout form)

## Author

[Matembu Emmanuel Dominic](https://github.com/Emmanuel-Dominic)