Shopping Cart

Shopping Cart emulation app built with ReactJS, Typescript, Vite, Custom Hooks

Stack

• ReactJS - A JavaScript library for building user interfaces
• Typescript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale
• Vite - A build tool that aims to provide a faster and leaner development experience for modern web projects
• React Router - A standard library for routing in React
• React Context - Context provides a way to pass data through the component tree without having to pass props down manually at every level.

Project structure

$PROJECT_ROOT     
├── dist
├── public
    └── images   # Every image on the site
├── src
    ├── components    # UI components
    ├── context       # Global state logic
    ├── data          # Some random data
    ├── hooks         # Custom built hooks
    ├── utils         # Some random functions
    ├── pages         # Routing and navigation
    ├── App.tsx       # Main component
    └── main.tsx      # Entry point

How to run Project

1. Install dependencies npm i
2. Run Shopping Cart npm run dev