Shopping cart

• A shopping cart that uses Fake Store API to fetch some products.
• Lets the user add items to the cart
• Manage the quantity of each item in the cart
• Displays real time the individual price of item
• Total price of item( decided by the item's amount)
• The grand total decided by the total price of all cart items.

Demo

• Home

• Upon pressing ADD TO CART button on various items, they are registered on the Cart Icon in the right corner of Navbar

• On clicking the cart icon, it shows all the cart items

• It shows individual item prices, total price of the item depending on its quantity and the grand total( addition of all total prices). You can vary the quantity by clicking the + or - buttons. To remove completely one item, keep pressing - until the quantity goes to 0.

Technologies used

• ReactJs
• Typescript
• React Query
• Material UI
• React Bootstrap
• CSS