- Navigaion bar
- Product Page
- Single Product Page
- Cart Page
Open http://localhost:8080 to view it in your browser.
Run the above command will to Call this API [ https://fakestoreapi.com/products
] through the node server.
Open http://localhost:3000 to view it in your browser.
- Navigaion bar
- Route to Home and Cart page is provided ( used react router dom v6 ).
- Provided Sticky property so the navbar does not move on scrolling.
- Product Page
- Render products with infinite scroll.
- Clicking on image or title will redirect user to single product page.
- Clicking on Add to cart button will add that particular product to Cart.
- Single Product Page
- Detailed information about that particular product.
- Cart page
- Render products added to the Cart.
- Removal of particular product functionality is also provided.
No third party CSS was used