/sandcastle1

A simple react shopping cart app

Primary LanguageJavaScript

Simple Sandcastle FC shop

  1. create react app
    1. npx create-react-app
    2. remove extra files
  2. create website layout
    1. add Header, Main and Basket component
    2. add styles to the components
  3. create main component
    1. create data.js
    2. render product items
  4. create product component
    1. create product divs
    2. pass props to product component
  5. implement cart
    1. add and remove items from the cart
  6. create basket component
    1. list items in cartItems
    2. calculate sub total
    3. show checkout button
  7. save cart items in local storage
    1. save items in local storage on add or remove
    2. useEffect to get items in local storage
  8. use useTransition : read items in local storage using useTransition