Luxery -- Modern E-Commerce Web App

---

📖 Overview

Luxery is a modern and responsive E-Commerce web application built with React.
It fetches real product data from the Fake Store API to simulate a real-world online shopping experience.

The project focuses on:

• Clean component architecture
• Reusable UI components
• Smooth user experience
• Performance optimization
• Persistent state using LocalStorage

---

🚀 Tech Stack

• ⚛️ React
• ⚡ Vite
• 🎨 Tailwind CSS
• 🎯 Lucide React (Icons)
• 🌐 React Router DOM
• 🌍 Fake Store API
• 💾 LocalStorage
• ☁️ Vercel Deployment

---

✨ Features

• 🛒 Add products to Cart\
• ❤️ Add / Remove products from Favorites\
• 🔍 Filter products by category\
• 📦 Dynamic product fetching from API\
• 📱 Fully responsive design\
• ⚡ Fast and optimized performance\
• 💾 Persistent cart & favorites using LocalStorage\
• 🎨 Clean, modern UI with reusable components

---

🏗️ Project Structure

src/
│
├── components/      # Reusable UI components
├── pages/           # Application pages
├── hooks/           # Custom hooks
│── routs/           # Routs Of Application
├── actions/        # API logic
├── assets/          # Static files
└── Main.jsx

---

🛠️ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/AbdulrhmanElshaer31/E-Commerce.git

2️⃣ Navigate into the project

cd E-Commerce

3️⃣ Install dependencies

npm install

4️⃣ Run development server

npm run dev

5️⃣ Build for production

npm run build

---

📌 Deployment

The project is deployed using Vercel:

🔗 https://luxery.vercel.app/

---

👨‍💻 Author

Abdelrhman Elshaer
Frontend Developer

📧 abdelrhmanelshaer31@gmail.com

---

⭐ Support

If you like this project, consider giving it a ⭐ on GitHub!