/react-shopping-cart-using-context-api

This project is shopping cart task, with features of increase quantity, remove product etc..

Primary LanguageJavaScript

React Shopping Cart

Features

  1. Users able to increase and decrease the product quantity.
  2. Based on product quantity, the product's actual price and offer price will be updated.
  3. Actual price is calculated from the product's discount percentage, using below formula,
    const actualPrice = (product.quantity || 1) * product.price + (((product.quantity || 1) * product.price) * (product.discountPercentage / 100))
  4. User can remove the product from cart.
  5. There is section called total and subtotal price of all products, based on the above actions, total price or subtotal price will be updated.
  6. From the UI perspective, Implemented Dark and Light Mode.

Created using: React.js, Chakra UI, Tailwind CSS, Context API

Please find the deployed url below
https://react-shoppingcart-contextapi.netlify.app