Skip to content

Create a shipping cart component to make purchases using Vite, typescript, react

Notifications You must be signed in to change notification settings

acascell/shopping-cart-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 

Repository files navigation

shopping-cart-react

Create a shopping cart to make purchases using Vite, typescript, react

🚀 Overview

The shopping cart is essentially a react based application built using Vite with the support of typescript. It defines multiple components such as header,footer, navbar, product, productlist, cart emulating a more complex e-commerce website using simple react components

products.png cart.png confirmation.png

✨ Features

The application utilise react hooks such as use -> state, context, reducer to perform react operations utilising latest react function based on hooks. Defined a context layer wrapping up both "cart" and "product" entities defined as "provider". The main entrypoint glues up all the components, context and provider to spin up the application

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
      <ProductsProvider>
          <CartProvider>
              <App />
          </CartProvider>
      </ProductsProvider>
  </React.StrictMode>,
)

🚀 Technology Stack

  • react
  • typescript
  • html/css
  • vite

🔎 TODO

  • provide api endpoints maybe with fastpi
  • define a db layer using sqlite/psql

About

Create a shipping cart component to make purchases using Vite, typescript, react

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published