A modern, responsive e-commerce application built with React and Vite, featuring a beautiful glassmorphism design with dark theme support.

• Product Catalog: Browse products from FakeStore API
• Product Filtering: Filter products by category, price range, and rating
• Shopping Cart: Add/remove items with quantity management
• Favorites System: Save products to favorites
• Dark/Light Theme: Toggle between themes with smooth transitions
• Glassmorphism Design: Modern glass-like UI components
• Responsive Design: Works perfectly on all device sizes
• Product Details: Detailed product information with image gallery
• Search Functionality: Find products quickly
• Smooth Animations: Enhanced UX with Framer Motion

• Frontend: React 19, Vite
• Styling: Tailwind CSS 4
• Routing: React Router DOM
• Animations: Framer Motion
• HTTP Client: Axios
• API: FakeStore API

1. Clone the repository:

git clone <repository-url>
cd fakestore-app

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:5173

• Frosted glass effect on cards and modals
• Subtle transparency with backdrop blur
• Elegant shadows and borders

• Smooth theme transitions
• System preference detection
• Persistent theme selection

• Mobile-first design approach
• Adaptive grid layouts
• Touch-friendly interactions

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

• View all products in a responsive grid
• Filter by category (electronics, clothing, etc.)
• Sort by price, rating, or name
• Search products by title

• Add/remove items
• Update quantities
• View cart total
• Persistent cart state

• Loading states and error handling
• Smooth page transitions
• Optimized performance
• Accessibility features

• User authentication
• Order history
• Product reviews and ratings
• Payment integration
• Admin dashboard
• Product recommendations

This project is licensed under the MIT License - see the LICENSE file for details.

Contributions are welcome! Please feel free to submit a Pull Request.

If you have any questions or need help, please open an issue on GitHub.