This is a sneakers ecommerce app built with React and Tailwind CSS. It provides various features for users to browse, search, and purchase sneakers. The app is also responsive, ensuring a seamless experience across different devices.
-
Landing Page: Welcome page that showcases featured sneakers and promotions.
-
Product Listing Page: Displays a list of sneakers available for purchase.
-
Filters By:
- Price: Allows users to filter sneakers by price range.
- Rating: Allows users to filter sneakers by customer ratings.
- Category: Enables filtering sneakers by category.
- Brand: Enables filtering sneakers by brand.
-
Search Product Functionality: Allows users to search for specific sneakers by name or keywords.
-
Single Product Page: Provides detailed information about a selected sneaker, including images, description, price, and customer reviews.
-
Cart Management: Users can add sneakers to their cart, view the cart contents, update quantities, and remove items.
-
Wishlist Management: Users can add sneakers to their wishlist for future reference.
-
Order Management: Users can view their order history and track the status of their orders.
-
Address Management: Users can add, edit, and delete shipping addresses.
-
Checkout Management: Users can proceed to checkout, enter shipping and payment details, and place orders.
-
Authentication:
- Sign Up: New users can create an account with a unique username and password.
- Log In: Registered users can log in to their account.
- Log Out: Logged-in users can log out of their account.
-
Toast and Loaders: Provides visual feedback to users through toasts and loaders, indicating success, error, or loading states.
-
Responsive: The app is designed to adapt to different screen sizes, ensuring a consistent and user-friendly experience across devices.
To run the app locally, follow these steps:
-
Clone the repository:
https://github.com/kumarhites/ecommerce.git
-
Navigate to the project directory:
cd ecommerce -
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your web browser and visit
http://localhost:3000to access the app.
The app relies on the following dependencies:
- React: JavaScript library for building user interfaces.
- Tailwind CSS: Utility-first CSS framework.
- Other dependencies can be found in the
package.jsonfile.
Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.