Sachin Sharma

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

1. User lands on Home Page → sees product list.
2. Clicks Add to Cart → product stored in Redux cartSlice.
3. Navigates to Cart Page → can see items, update quantity, or remove.
4. Cart updates dynamically → total price recalculates instantly.
5. 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