Skip to content

Latest commit

 

History

History
38 lines (32 loc) · 1.3 KB

README.md

File metadata and controls

38 lines (32 loc) · 1.3 KB
Raw

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