https://github.com/pratiktomar/brewopedia
This is a React application that fetches and displays a list of brewlist from the Openbrewerydb API. The app supports pagination, search beers and allows users to customize the number of beers displayed per page.
https://github.com/pratiktomar/brewopedia
beer items-per-page openbrewerydb pagination punkapi search
Last synced: 9 months ago
JSON representation
This is a React application that fetches and displays a list of brewlist from the Openbrewerydb API. The app supports pagination, search beers and allows users to customize the number of beers displayed per page.
- Host: GitHub
- URL: https://github.com/pratiktomar/brewopedia
- Owner: PratikTomar
- Created: 2023-12-26T19:53:00.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-03-20T19:14:53.000Z (about 2 years ago)
- Last Synced: 2025-01-09T07:52:55.616Z (about 1 year ago)
- Topics: beer, items-per-page, openbrewerydb, pagination, punkapi, search
- Language: JavaScript
- Homepage: https://beeropedia---beer-encyclopedia.web.app/
- Size: 220 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Brewinfo App
This is a React application that fetches and displays a list of brewinfo from the Openbrewerydb. The app supports pagination, search brewlist and allows users to customize the number of brewlist displayed per page.
## Features
- Fetches and displays brewInfo from the Openbrewerydb API.
- Search the brewlist.
- Supports pagination with "Previous Page" and "Next Page" buttons.
- Allows users to choose the number of brewlist displayed per page.
## Technologies Used
- React
- JavaScript (ES6+)
- Openbrewerydb API
## Getting Started
To run this project locally, follow these steps:
1. Clone the repository and run below command to run
```bash
git clone https://github.com/PratikTomar/Brewopedia.git
cd Brewopedia
npm install
npm start
```