This repository contains the frontend for an e-commerce store built with React and Vite. The app uses Redux Toolkit for state management and keeps the UI state, catalog data, cart, wishlist, auth, and order flows organized in feature slices.
- Product browsing with category filtering and search
- Product detail pages with dynamic routing
- Cart management with quantity updates and persistence
- Wishlist and orders state managed through Redux Toolkit
- Authentication pages with form handling using React Hook Form
- Responsive UI with reusable components
- Local storage persistence for selected frontend state
| Technology | Purpose |
|---|---|
| React 19 | UI framework |
| Vite | Build tool and dev server |
| Redux Toolkit | Global state management |
| React Redux | Redux bindings for React |
| React Router v7 | Client-side routing |
| React Hook Form | Form handling and validation |
| React Icons | Icon library |
| React Toastify | Toast notifications |
The frontend store is configured with Redux Toolkit and combines these slices:
authfor sign-in and sign-up stateproductsfor catalog data, category filtering, and searchcartfor cart items and totalswishlistfor saved productsordersfor checkout and order history flows
npm install
npm run devsrc/
├── Components/ Reusable UI components
├── Pages/ Route pages for the storefront
├── features/ Redux Toolkit slices
├── store/ Redux store configuration
├── assets/ Images and product data
└── App.jsx Main app and routes
This README currently covers the frontend only. The backend documentation can be updated separately when needed.