Skip to content

πŸ›’ 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.

Notifications You must be signed in to change notification settings

abdul-wahab619/zustand-shoppingcart

Repository files navigation

πŸ›’ 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

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

Shopping Cart Demo


πŸ“Œ Future Improvements

  • Product filtering/sorting
  • LocalStorage or Zustand middleware for persistence
  • User authentication
  • Checkout flow integration

πŸ“„ License

MIT

πŸ™Œ Author

Abdul Wahab
GitHub

About

πŸ›’ 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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published