🛍️ Swift Store

👉 Live Demo 👈

🚀 About The Project

Swift Store is a modern e-commerce application built with React and TypeScript. The application features a clean, responsive interface where users can search products, add them to favorites, and manage their favorite items. With real-time search capabilities and smooth state management, Swift Store provides an excellent shopping experience.

✨ Key Features

• 🔍 Real-time product search functionality
• ❤️ Add/remove products to favorites
• 🎯 Product management with Redux Toolkit
• 🔄 Dynamic product filtering
• 📱 Fully responsive Tailwind design
• 🔔 Toast notifications for user actions
• 🎨 Clean and modern UI design

🛠️ Built With

• React
• TypeScript
• Redux Toolkit
• Tailwind CSS
• React Router
• Axios
• React Toastify
• DummyJSON API

💻 Getting Started

# Clone the repository
git clone https://github.com/Caner-Yesiltas/Swift-Store

# Navigate to project directory
cd swift-store

# Install dependencies
yarn install

# Start the development server
yarn start

📁 Project Structure

src/
├── app/              # Redux store configuration
│   ├── hooks.ts
│   └── store.ts
├── components/       # UI components
│   ├── Card.tsx
│   ├── NavBar.tsx
│   └── SearchComp.tsx
├── features/         # Redux slices
│   └── productsSlice.ts
├── helper/           # Utility functions
│   └── ToastNotify.tsx
├── models/           # TypeScript interfaces
│   └── models.ts
├── pages/           # Page components
│   ├── Home.tsx
│   └── FavoritesPage.tsx
└── styles/          # CSS styling
    └── App.css

🔍 Core Features

Product Management

• Search products in real-time
• View detailed product information
• Add products to favorites
• Remove products from favorites
• Toast notifications for user actions

State Management

• Centralized Redux store
• TypeScript type safety
• Async operations with Redux Toolkit
• Custom hooks for state access

Styling & Theme

• Responsive Tailwind CSS design
• Custom component styling
• Modern UI elements
• Consistent color scheme

API Integration

• RESTful API operations with Axios
• Product search functionality
• Error handling
• Loading states

📱 Responsive Design

• Mobile-first approach
• Flexible grid system
• Responsive components
• Cross-device compatibility

📝 License

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

📫 Contact

Caner Yesiltas - caneryesiltas1@gmail.com

Project Link: https://swift-store-rho.vercel.app/

Made with 🛍️ by Caner Yesiltas