To develop a Product Catalog App using ReactJS with following milestones using Redux.
- Milestone-1: Fetching product from API and show the list in UI Product.js
- Milestone-2 : Adding Item to cart
- Milestone-3: Showing cart review and checkout (product.component.html)
Description
-
Refer to Below Image (ui_design - added end of this document) for UI design and implement the same
-
Product section should show list of products
-
User should be able to add a product to cart or increase the quantity in cart by clicking on +/- buttons [with card reducer]
-
User can checkout if at least one product added to the cart and provided valid details in the checkout form
-
On checkout log the final order details to console as a JSON object
-
Divide the application into multiple logical UI components
-
Follow the best practices for application directory structure
-
You can use below mock data / APIs to consume.
Mock Json url: