Skip to content

An e-commerce site which allows the user to add, remove and update quantities of an item in a shopping basket using custom context and hooks. Built using React, TypeScript, Chakra UI and Vite.

Notifications You must be signed in to change notification settings

asbhogal/TypeScript-Shopping-Cart

Repository files navigation

TypeScript Shopping Cart

GitHub deployments GitHub code size in bytes GitHub repo size

An e-commerce site which allows the user to add, remove and update quantities of various products in their shopping cart. The data is pulled from a JSON file, and custom context and hooks are used to provide data and functionality, manage and update the state of the cart items, as well as store the cart items in the browser. This has been built using React with TypeScript and styled using Chakra UI.

Features

  • Add, remove and update quantities of different products
  • Pulls product data from JSON file
  • ShoppingCartContext used to manage and update state of cart items
  • useLocalStorage custom hook to store items in shopping cart
  • Styled using Chakra UI
  • Fully responsive

Stacks Used

TypeScript logo React logo Chakra UI logo Jest logo ESLint logo Vite logo

Links

About

An e-commerce site which allows the user to add, remove and update quantities of an item in a shopping basket using custom context and hooks. Built using React, TypeScript, Chakra UI and Vite.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published