The React Redux Shopping Cart project is a web application where users can browse products, add/remove items to/from their cart, update quantities, and proceed to checkout.
It uses React for building UI components and Redux for managing global state (cart items, product list, user session).
📌 2. Key Features
✔️ Product Listing Page – Display available products with name, price, image, description.
✔️ Add to Cart – Users can add products, stored in Redux store.
✔️ Cart Page – Displays selected products, quantity, total price.
✔️ Update Quantity – Increase or decrease item quantity.
✔️ Remove Item – Delete product from cart.
📌 3. Project Workflow
a) User Journey
- User lands on Home Page → sees product list.
- Clicks Add to Cart → product stored in Redux cartSlice.
- Navigates to Cart Page → can see items, update quantity, or remove.
- Cart updates dynamically → total price recalculates instantly.
- User proceeds to Checkout Page → order summary shown.
b) State Management (Redux)
- Product State: Holds available products (from API or static JSON).
- Cart State: Holds cart items (id, name, price, quantity, total).
- User State (optional): For login/logout.
Live :- https://shop-rho-teal.vercel.app
Instructor
Software Developer with 10 years of experience in designing, developing, and maintaining innovative web solutions. Skilled in modern technologies, problem-solving, and delivering scalable applications that meet business needs.
