A sleek, modern Shopping Cart web app built with React, Redux Toolkit, and Tailwind CSS. Designed as a beginner-to-intermediate level project, this cart system lays the foundation for real-world e-commerce functionality.
| Tech | Purpose |
|---|---|
| React | UI library |
| Redux Toolkit | State management |
| React Router | Client-side routing |
| Tailwind CSS | Utility-first styling |
| React Toastify | Notifications |
| Vite | Lightning-fast bundler |
- 🔄 Add / Remove products to cart
- 📦 View all cart items in Cart page
- 💵 Real-time cart total calculation
- 🔔 Toast notifications for actions
- ♻️ Clean and reusable component design
- 📱 Mobile responsive with Tailwind
- ⚙️ Built using Vite for faster dev experience
📦 shopping-cart/ ├── public/ ├── src/ │ ├── Components/ │ │ ├── Product.jsx │ │ └── CartItem.jsx │ ├── Pages/ │ │ ├── Home.jsx │ │ └── Cart.jsx │ ├── redux/ │ │ ├── store.js │ │ └── Slices/cartslice.js │ ├── App.js │ └── main.jsx ├── tailwind.config.js ├── vite.config.js └── README.md
yaml Copy Edit
- Clone the repo:
git clone https://github.com/your-username/shopping-cart.git cd shopping-cart
Install dependencies:
bash Copy Edit npm install Run the development server:
bash Copy Edit npm run dev Build for production:
bash Copy Edit npm run build ⚡ Future Upgrades 🔐 Firebase Auth for login & persistent cart
🖼️ Fetch product data from real API
🛍️ Filters, search, and categories
💳 Stripe / Razorpay payment integration
🧾 Order summary & invoice generation
👨💻 Author Adarsh Tiwari B.Tech CSE Student | MERN Stack Developer
🌐 GitHub
📫 Portfolio (Coming Soon)