🛍️ Modern E-Commerce Application

👉 Live Demo 👈

📌 About The Project

Modern E-Commerce Application is a comprehensive shopping platform developed using React and Redux. Users can view products, add them to cart, and personalize their shopping experience. The application provides a seamless interface for managing product interactions and shopping cart operations.

✨ Key Features

• 🛒 Product listing and detailed product view
• 🌓 Light/dark theme support
• 🔍 Product search functionality
• 📱 Fully responsive design
• 🛍️ Cart management (add, remove, update quantity)
• 💾 Cart data persistence using Local Storage
• 🔄 State management with Redux

🛠️ Built With

• React
• Redux Toolkit
• React Router
• Material-UI
• Axios
• React Icons
• Local Storage
• Fakestoreapi

🚀 Getting Started

# Clone the repository
git clone https://github.com/caneryesiltas/quick-cart.git

# Navigate to project directory
cd quick-cart

# Install dependencies
npm install

# Start the development server
npm start

💻 Project Structure

src/
├── components/        # Core components
│   ├── Header/       # Header component
│   ├── Loading/      # Loading indicator
│   ├── Product/      # Product card
│   └── ProductList/  # Product listing
├── pages/            # Page components
│   └── Home/         # Home page
├── redux/
│   ├── slices/       # Redux slices
│   └── store.js      # Redux store
├── styles/           # CSS styles
└── config/           # Route configuration

🔍 Core Functionality

Product Management

• Fetching and listing products from API
• Detailed product view
• Product search

Cart Operations

• Add/remove products
• Update quantities
• Calculate total amount
• Local Storage integration

Theme Customization

• Light/dark theme toggle
• Dynamic color scheme
• Personalized appearance

📱 Responsive Design

• Mobile-first approach
• Compatible with all screen sizes
• Flexible grid system
• Adaptive components

🤝 Contributing

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

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

📫 Contact

Caner Yesiltas - [email protected]

Project Link: https://quick-cart-gules.vercel.app/

---

Made with ❤️ by Caner Yesiltas