Welcome to the Shoe Ecommerce Website built with React.js. This project is an online store for shoes, where users can browse a variety of products, filter them based on different criteria, and make informed decisions. The app supports features like search, category-based filtering, price range selection, color filters, and brand recommendations.
- Product Search: Users can search for shoes by name or keywords.
- Category Filter: Filter shoes based on categories like:
- Sneakers
- Flats
- Heels
- Price Filter: Filter products within a specified price range.
- Color Filter: Select shoes based on color preferences.
- Brand Recommendations: Explore shoes by popular brands such as:
- Nike
- Puma
- Adidas
- Vans
- React.js: For building the frontend of the application.
- React Hooks: For managing component states and lifecycle methods.
- CSS: For styling the components and layout.
- Data.jsx: A local file (
data.jsx) that stores all product data. - Local Storage: For storing product data and cart items.
To get started with this project locally, follow these steps:
git clone https://github.com/yourusername/shoe-ecommerce.git
cd shoe-ecommerce
npm install
npm run dev
Once the app is up and running, users can:
- Search for shoes by entering keywords in the search bar.
- Filter products by selecting categories such as sneakers, flats, or heels.
- Filter by price by adjusting the price range slider.
- Select colors to view shoes available in specific colors.
- Browse recommendations from popular brands like Nike, Puma, Adidas, and Vans.
If you'd like to contribute to this project, feel free to fork the repository, make your changes, and submit a pull request. Contributions are always welcome!