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 startorng 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..