This project was bootstrapped with Create React App.
This was a quick exercise to create a React app that provides an interactive map for breweries. It's intended use is to search for them by city. There are plenty of ways to improve this application, but this is where I got up to within 4 hours of development. Enjoy :)
Runs the app in the development mode.
Open
http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors
in the console.
Here is a short list of some decisions made for this project:
- I decided to offer a 'by-city' interface as it easily matched with the brewery API's endpoints
- I used chakra-ui to help build the UI really quickly and easily
- I made use of TypeScript to help ensure code stability (and enable really quick refactoring)
- I added a utility function that calculates the central point of a number of breweries to help center the map across the breweries
Thank you to openbrewerydb for their brewery API.
Thank you to pigeon-maps for the (super-fast and lightweight) map library.