Basket is a modern, responsive e-commerce web application built using React, Redux Toolkit, Tailwind CSS, and TypeScript. The project focuses on clean UI, seamless UX, and includes essential features for a complete shopping experience.
- User-friendly and responsive UI/UX
- Breadcrumb navigation for improved accessibility
- Smart product search
- Cart functionality: add, remove, update quantity
- Wishlist system to save favorite products
- Checkout page displaying cart summary and total
- Cart widget always visible in the header
- Product filtering and categorization
- Lazy loading of components and pages
- About Us, Blog, and Contact pages
- React.js
- Redux Toolkit
- Tailwind CSS
- React Router
- React Toastify
- Vite
- use-search-react
- use-debounce
- Netlify (deployment)
- Scalable and modular front-end architecture
- State and side-effect management with Redux Toolkit
- Reusable components and DRY principles
- Tailwind + React composition for design systems
- Building a user-first shopping experience
- / – Home page with product highlights
- /shop – Product listing with filters
- /cart – Manage cart items
- /checkout – Final review of selected items
- /wishlist – View saved products
- /blog – Articles and updates
- /about – About the brand
- /contact – Get in touch
- a pop up for product details
- login\ Register
- search results