Welcome to the E-commerce Based Web App! This web application allows users to browse and purchase various products, filter products by category, search for specific products, and manage their shopping cart. It is built using React, Redux for state management, and Tailwind CSS for styling.
- View a list of products available for purchase.
- Filter products by category to narrow down your search.
- Search for products by name or keyword.
- Filter products by price range to find products that fit your budget.
- Easily adjust the price range using a slider.
- Add products to your shopping cart.
- View and manage the items in your shopping cart.
- Adjust the quantity of items in your cart.
- Remove items from your cart.
- Calculate the total price of items in your cart.
- React: A JavaScript library for building user interfaces.
- Redux: A predictable state container for managing the application's state.
- Tailwind CSS: A utility-first CSS framework for styling the application.
- Axios: A promise-based HTTP client for making API requests.
- React Router: For handling navigation within the application.
Follow these steps to get the project up and running on your local machine:
-
Clone the repository:
git clone https://github.com/Mdabdullah3/React-Assessment.git
-
Install dependencies:
npm install
``- Start the development server:
npm start
``Usage ==
Browse the products by category.
Use the search bar to find specific products.
Filter products by price range.
Add products to your shopping cart.
View and manage your shopping cart.
Complete your purchase.