ShoppingCart

This project was generated with Angular 12 and using NgRx Component Store.

How to use this project

• Open a terminal in the project folder.
• Run "npm install" to install project dependencies.
• Run "npm run start" start the project
• Open the browser and run the (http://localhost:4200/)

Current integrated

• Add products to the cart - done
• Checkout page integrate - done
• checkout page phone number and email validation
• Checkout page will send the object
• Ngrx store define and able to integrate cart amount

• All products are pre-defined in the 'products.json' file
• All image assets are located inside the 'img' folder

Future integration

• If product is not available, Add to cart button will change it to Out of store - done
• UI needs to change more user friendly wise
• Cart page will bring it to checkout page
• Mobile responsive

Folder structure

Src/App

Components

• Shared

  • Header
    

  • Nav
  • Footer
• Shopping Cart
  • ProductList
    • Product Item
  • Cart
    • Cart Item
• Checkout

few shorts reviewing final product