This project is a React application that consumes the Fake Store API to display various products. It provides functionalities to view all products, including their title, description, price, category, and rating. Additionally, users can filter products based on categories such as clothes and accessories. The application is built using React with React Router for navigation and Bootstrap for styling.
-
View All Products:
- Display a list of products from the Fake Store API.
- Show product details, including title, description, price, category, and rating.
-
Filter Products:
- Implement a category filter allowing users to view products in specific categories (clothes, accessories ...)
- React: JavaScript library for building user interfaces.
- React Router: Declarative routing for React.js applications, enabling navigation between components.
- Bootstrap: Front-end framework for designing responsive and visually appealing web applications.
- Clone the repository:
git clone https://github.com/hkoutar7/Store_api.v1.git
- Install dependencies:
npm i
- Run the development server:
npm start
- navigate to
http://localhost:3000/
Contributions are welcome! If you'd like to contribute to the project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them with descriptive messages.
- Push your branch to your fork.
- Submit a pull request to the main repository.