This project is a responsive e-commerce application built with React, Vite, and modern React hooks such as useState, useEffect, and useContext. The app includes features like product searching, cart management, and dynamic filtering, providing a smooth user experience for browsing and purchasing products.
- Search Bar: Allows users to search for products by name or keywords.
- Real-time Filtering: Instant updates to product listings based on search input.
- Add to Cart: Users can add products to their cart with a single click.
- Remove from Cart: Users can remove products from their cart.
- Cart Overview: Displays the total number of items and the total price.
- Category Filters: Filter products based on categories like electronics, clothing, etc.
- Price Order Filters: Filter products based on price orders.
- Rating Filters: Filter products based on customer ratings.
- React: JavaScript library for building user interfaces.
- Vite: Next-generation frontend tooling for blazing fast development.
- Custom Hooks: Utilized for managing complex state and side effects.
- Context API: For managing global state, including cart and filter states.
-
Clone the repository
git clone https://github.com/your-username/ecommerce-filters-app.git cd ecommerce-filters-app -
Install dependencies
npm install
-
Start the development server
npm run dev
Contributions are welcome! Please fork this repository and submit a pull request for any features, bug fixes, or enhancements.
This project is licensed under the MIT License - see the LICENSE file for details.