🛍️ ShopSphere

ShopSphere

A modern and responsive e-commerce frontend built with React + Vite.

---

✨ Features

• 🛍 Browse 40+ Products
• 🔍 Live Product Search
• 📂 Category Filtering
• 💲 Price Filtering
• ⭐ Rating Filtering
• ↕ Product Sorting
• ❤️ Wishlist Management
• 🛒 Shopping Cart
• ➕ Quantity Controls
• 📱 Fully Responsive Design
• ⚡ Fast React + Vite Performance
• 🔄 React Router Navigation
• ♻ Reusable Components
• 🎨 Modern UI

---

📸 Screenshots

🏠 Home Page

---

🛍 Shop Page

---

📦 Product Details

---

🛒 Shopping Cart

---

❤️ Wishlist

---

👤 About Page

---

📩 Contact Page

---

🛠 Tech Stack

• React
• Vite
• JavaScript (ES6+)
• Tailwind CSS
• React Router DOM
• React Icons

---

📂 Project Structure

src/
│
├── assets/
│   ├── data/
│   ├── images/
│   ├── icons/
│   └── screenshots/
│
├── components/
│   ├── common/
│   ├── home/
│   ├── shop/
│   ├── cart/
│   └── wishlist/
│
├── context/
│
├── pages/
│
├── routes/
│
├── App.jsx
└── main.jsx

---

🚀 Installation

git clone https://github.com/Abdullah-18155/ShopSphere.git

cd ShopSphere

npm install

npm run dev

---

📚 What I Learned

• React Components
• React Hooks
• React Context API
• React Router
• State Management
• Component Reusability
• Filtering & Sorting Logic
• Responsive Design
• Clean Project Structure

---

👨‍💻 Developer

Abdullah Abid

GitHub

https://github.com/Abdullah-18155

LinkedIn

https://www.linkedin.com/in/abdullah-abid-abb2b1402/

---

📄 License

This project is licensed under the MIT License.

See the LICENSE file for more information.

---

⭐ Support

If you like this project, don't forget to ⭐ the repository.