https://github.com/abdul-wahab619/zustand-shoppingcart
🛒 A modern shopping cart application built with Zustand for state management and Tailwind CSS for styling. Designed for scalability, performance, and a clean user experience.
https://github.com/abdul-wahab619/zustand-shoppingcart
material-ui reactjs tailwindcss typescript zustand zustand-state-management
Last synced: 5 months ago
JSON representation
🛒 A modern shopping cart application built with Zustand for state management and Tailwind CSS for styling. Designed for scalability, performance, and a clean user experience.
- Host: GitHub
- URL: https://github.com/abdul-wahab619/zustand-shoppingcart
- Owner: abdul-wahab619
- Created: 2025-04-29T07:02:02.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-04-29T07:46:56.000Z (7 months ago)
- Last Synced: 2025-05-04T20:39:37.917Z (7 months ago)
- Topics: material-ui, reactjs, tailwindcss, typescript, zustand, zustand-state-management
- Language: TypeScript
- Homepage:
- Size: 154 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛒 Zustand Shopping Cart
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.
---
## 🚀 Features
- 🧠 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 Stack
| 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)* |
---
## 📦 Installation
```bash
git clone https://github.com/abdul-wahab619/zustand-shoppingcart.git
cd zustand-shoppingcart
npm install
npm run dev
```
---
## 🧩 Project Structure
```
src/
├── components/ # UI components
├── store/ # Zustand store logic
├── pages/ or App.tsx# Main layout and routing
├── utils/ # Helper functions
```
## 📸 Screenshots
---
## 📌 Future Improvements
- Product filtering/sorting
- LocalStorage or Zustand middleware for persistence
- User authentication
- Checkout flow integration
---
## 📄 License
MIT
## 🙌 Author
**Abdul Wahab**
[GitHub](https://github.com/abdul-wahab619)