MyStore 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.
- Angular Framework
- Json Server
- product-list component used to display list of products - Route
/
- product-item component used to display individual product.
- product-item-detail component used to display individual product with brief content in a different route - Route
/product-detail/:productId
- cart component used to display products that are added in cart - Route
/cart
- product-list service used to manage data between all these components.
To get started developing right away:
- install all project dependencies with
npm install
. - start the development front-end server with
npm start
orng serve
. - start the development json-server for demo REST JSON services using command
npm run server
. - for production build use
npm run build
.
- Angular.io
- Angular material
- W3Schools
- CSS Tricks
- LottieFiles for animations.
- For Light/Dark Theme implementation I've used angular.io git repo as a reference.
- And many more..