React Open Brewery DB

This project is a React application that utilizes the Open Brewery DB API to fetch and display brewery data in an interactive way.

Features

• Fetches brewery data from the Open Brewery DB API
• Utilizes MVP.css for minimal styling
• Implements data binding
• Utilizes destructuring for cleaner code
• Includes at least two meaningful React components
• Responsive UI
• Implements search functionality for brewery name

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/tejus07/react-open-brewery-db.git

2. Navigate into the project directory:

   cd react-open-brewery-db

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and visit http://localhost:3000 to view the application.

Components

This project includes the following React components:

1. App: The main component responsible for fetching data and rendering other components.
2. BreweryList: Renders a list of breweries fetched from the API.
3. SearchBar: Implements search functionality to filter breweries by name.

CSS Styling

This project uses two methods for styling:

1. JSX Styles: Inline styles using JSX are used for basic styling of components.
2. styles.css: External CSS file for class-based styling. Classes are applied dynamically based on user actions.

Sandbox Link

You can view the project on CodeSandbox by following this link.

Additional Notes

• Feel free to explore and interact with the brewery data.
• If you encounter any issues or have suggestions for improvement, please feel free to open an issue on GitHub.

Credits

This project was created by Tejus.