Welcome to the Product Listing App! This is a React application that allows users to browse through a list of products fetched from a fake store API. Users can navigate through different pages of products, view product details, and search for specific products.
- Fetches product data from a fake store API.
- Pagination feature for easy navigation through product pages.
- Clickable product cards with links to view detailed information.
- Search functionality to filter products based on user input.
- Clone the repository to your local machine:
git clone https://github.com/Dunni0/product-listing-app.git
- Navigate to the project directory:
cd product-listing-app
- Install dependencies:
npm install
- Open your browser and visit http://localhost:3000 to view the app.
- Upon opening the app, you'll see a list of products displayed on the page.
- Use the pagination buttons at the bottom to navigate through different pages of products.
- Click on a product card to view its details.
- Use the search bar to filter products by name.
- React
- React Router
- Custom hooks
Contributions are welcome! If you'd like to contribute to this 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 changes to your fork.
- Submit a pull request to the main repository's
masterbranch.
This project is licensed under the MIT License.
- Thanks to the creators of the fake store API for providing sample product data.