Ezee Cart Blitz

Ezee Cart Blitz is a simple shopping cart website built with React. Users can browse products, search items, add them to cart, change quantity, and place an order.

What This Project Does

• Shows a list of products
• Lets users filter products by category
• Lets users search products by name/category
• Shows a single product details page
• Supports add to cart and remove from cart
• Supports increasing and decreasing item quantity
• Automatically updates subtotal, shipping, tax, and total
• Shows order confirmation popup before final checkout

Technologies Used

• React
• Redux Toolkit + React Redux
• React Router DOM
• Vite
• Bootstrap + Bootstrap Icons
• SweetAlert2

How To Run This Project

1. Download the project

git clone <your-repository-url>
cd ezeeblitz

2. Install required packages

npm install

3. Start the app

npm run dev

After running this command, open the local URL shown in your terminal. Example: http://localhost:5173

Useful Commands

• npm run dev - Run app in development mode
• npm run build - Build app for production
• npm run preview - Preview production build locally
• npm run lint - Check code quality with ESLint

Folder Overview

src/
  components/
    body/
    cart/
    extra/
    nav/
    products/
  features/
    cart/
    product/
  pages/
  App.jsx
  main.jsx
data.js

Screenshots

Place screenshots inside docs/screenshots/ with the names below.

Home Page

Product Details Page

Cart Page

Checkout Confirmation Popup

Author

Student project created in Sachine Sir's React practice workflow.