/odyssey-shop

Angular web app for the Odyssey Shop

Primary LanguageTypeScript

OdysseyShop

This project was generated with Angular CLI version 8.3.20.

Features

Odyssey Shop is a full-stack e-commerce application that allows a shop owner to create, upload and sell products through the Stripe api. home page preview

Create and Upload Products

Shop owners can upload product image and save new products to the server. create a product preview

List Products in Categories

Each product is tagged with a category, and the product will be listed under its associated category page. category page preview

Shopping Cart & Stripe Payment

This e-shop app implements the shopping cart feature using ngrx on the front end, and handles payment through the Stripe api.

  • Product details view

product details preview

  • Checkout page

checkout page preview

  • Stripe payment page

product payment preview

Development server

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

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.

Run ng generate component component-name --project=mario-lib to generate a new component within the mario component library.

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.