🛒 React e-commerce Tech Store

A modern and responsive Tech Store UI built using React.js. This project showcases real-world frontend concepts like component-based architecture, state management, wishlist, cart functionality, and dynamic UI rendering.

---

Features

• Component-based React structure
• Product listing with dynamic rendering
• Wishlist toggle (add/remove items)
• Add to Cart functionality
• Cart item count & total price calculation
• Search/filter products by brand
• Real-time UI updates using React state
• LocalStorage integration (persistent data)

---

Concepts Covered

• React Components
• Props & State (useState)
• Side Effects (useEffect)
• Conditional Rendering
• Array Methods (map, filter, reduce)
• Event Handling
• Local Storage + JSON (stringify, parse)

---

📁 Project Structure

src
│
├── components
│   ├── ProductCard
│   │   ├── ProductCard.jsx
│   │   └── ProductCard.css
│
├── data.js
├── App.jsx
└── main.jsx

---

🖼️ Preview

---

⚙️ Installation & Setup

# Clone the repository
git clone https://github.com/chethan-h-b/react-ecommerce-tech-store.git

# Navigate to project
cd react-tech-store

# Install dependencies
npm install

# Run the app
npm run dev

---

Future Improvements

• 🧾 Cart page UI
• 🔄 Quantity control (+ / - buttons)
• 🌙 Dark/Light mode toggle
• 🔐 Authentication system
• 💳 Checkout flow

---

👨‍💻 Author

Chethan H B Aspiring Full Stack Developer