Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛒 Shop Cart Demo – React + Vite

A simple eCommerce cart demo built using React and Vite. This project showcases a dynamic product listing with a cart system, toast notifications, and modern UI styling — all without any external state management libraries.

🚀 Features

  • ✅ Add-to-cart with toast confirmation
  • ✅ Remove items from cart with icon-based delete
  • ✅ Real-time cart total calculation
  • ✅ Responsive layout with max-width container (890px)
  • ✅ Clean card-based UI using basic CSS
  • ✅ Routing with React Router (/ for shop, /cart for cart page)
  • ✅ Unique images for each product
  • ✅ Dark-themed cart container + styled navbar

🛠️ Tech Stack

  • React
  • Vite
  • React Router DOM
  • React Toastify
  • CSS

📸 Screenshots

Screenshot 2025-06-12 234046 Screenshot 2025-06-12 234102

📁 Folder Structure

src/
├── assets/         # Product images
├── components/     # NavBar component
├── pages/          # Shop and Cart pages
├── App.jsx         # App wrapper with routing
├── main.jsx        # Vite entry point

🔧 Installation

git clone https://github.com/your-username/shop-cart-demo.git](https://github.com/DevBehindYou/simple_shop_cart_project_react.git
cd simple_shop_cart_project_react
npm install
npm run dev

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages