A modern, responsive online shopping web application built with React, Redux, and Vite. This project demonstrates a clean architecture, beautiful UI, and essential e-commerce features such as product listing, cart, and favourites management.
Here's a short 10-second clip showing the app in action:
(Embed your video here or link to it directly)
- Dashboard (Admin): Product management dashboard for adding, updating, and deleting products (admin only).
- Add to Cart & Favourites: Seamlessly add products to your cart or favourites from the main screen.
- Redux State Management: All cart and favourites logic is handled with Redux for a robust, scalable state architecture.
- Responsive Design: Fully mobile-friendly and desktop-ready using Bootstrap and custom CSS.
- Modern UI: Clean, attractive design with icons, badges, and smooth user experience.
- Frontend: React, Vite, Bootstrap, FontAwesome
- State Management: Redux
- API: MockAPI (for demo products)
- Clone the repository:
- Install dependencies:
npm install
- Start the development server:
npm run dev
src/
App.jsx # Main app and routing
Home/ # Home page and product sections
Cart/ # Cart page and logic
Favourites/ # Favourites page and logic
Store/ # Redux store, actions, reducers
Dashboard/ # Admin dashboard
Navbar/ # Navigation bar
...
- Mobile-first layout
- Bootstrap grid and custom CSS for beautiful scaling
Made with ❤️ by Abdallah