A modern, responsive e-commerce web application built with React, Redux, and Ant Design for browsing and purchasing electronics including phones, laptops, and monitors.
- Product Catalog: Browse phones, laptops, and monitors with detailed information
- Advanced Filtering: Filter by brand, category, and price range
- Smart Sorting: Sort products by price (ascending/descending)
- Favorites System: Save products to your favorites for quick access
- Shopping Cart: Add/remove products with persistent storage
- Responsive Design: Optimized for desktop, tablet, and mobile devices
- Search Functionality: Find products by brand name
- Clean UI: Modern interface built with Ant Design components
git clone https://github.com/avanyushkin/reactShopApp.git
cd reactShopApp
npm install
npm start
Navigate to http://localhost:3000 to view the application
- Frontend Framework: React 18.2.0
- State Management: Redux Toolkit
- Routing: React Router v6
- UI Library: Ant Design
- Icons: Ant Design Icons
- Build Tool: Create React App
- Styling: SCSS/CSS
The project uses SCSS for styling. Main style files are located in each component's directory with index.scss files. The application uses Redux Toolkit for efficient state management with separate slices for: products data and filtering, User favorites, shopping cart items, individual product details The modular structure makes it easy to add new features. Simply create new components in the appropriate directory and connect them to the Redux store if needed.
- User authentication system
- Product reviews and ratings
- Order history and tracking
- Wishlist sharing functionality
- Advanced search with filters
- Payment integration
- Admin dashboard for product management