This is a simple web application built with React for managing and displaying product information. Users can add, view, and delete products, as well as filter and sort the product list.
-
Add Products: Users can add new products by providing a title, category, price, and description. Images are included automatically.
-
View Product Details: Users can click on a product to see more details, such as the product image, title, category, price, and description.
-
Delete Products: Users can delete products from the list.
-
Filter by Category: Users can filter products by category, including "Women's Clothing," "Men's Clothing," "Jewelry," and "Electronics."
-
Sort Products: Products can be sorted in ascending or descending order based on price.
-
Pagination: Products can be displayed with various limits, such as 5, 10, or 15 products per page.
- Clone the repository to your local machine.
git clone https://github.com/your-username/your-repo.git
Technologies Used
React
React Router
Axios
FakeStoreAPI (for product data)
Folder Structure
The project directory structure looks like this:
src/: The main source code directory.
components/: Contains React components.
images/: Includes product images.
App.js: The main application component.
index.js: Entry point for rendering the application.
Notes
This application fetches product data from the FakeStoreAPI.
Product images are included from the src/images directory.
The code provides basic functionalities. You can extend it with additional features and styling as needed.