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

✨ 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