A clean and responsive shopping cart built with React, Zustand for state management, and Tailwind CSS for styling. Designed to be fast, minimal, and scalable for modern web applications.
- π§ Global cart state with Zustand
- β Add/remove items
- π’ Update item quantities
- π° Real-time cart total calculation
- π± Fully responsive design
- β»οΈ Clean component structure and hooks
Tech | Description |
---|---|
React | Frontend framework |
Zustand | Lightweight state management |
Tailwind CSS | Utility-first styling |
Vite | Fast development build tool (optional) |
TypeScript | Type safety (if used) |
git clone https://github.com/abdul-wahab619/zustand-shoppingcart.git
cd zustand-shoppingcart
npm install
npm run dev
src/
βββ components/ # UI components
βββ store/ # Zustand store logic
βββ pages/ or App.tsx# Main layout and routing
βββ utils/ # Helper functions
- Product filtering/sorting
- LocalStorage or Zustand middleware for persistence
- User authentication
- Checkout flow integration
MIT
Abdul Wahab
GitHub