Welcome! Thank you for taking the time to do this coding assessment. Please read the guidelines before getting started.
Assessment starter can be found here: Karin's Beer Assessment Github
Once you've cloned the repo locally, run yarn
to install required packages.
Run yarn start
to launch the project on http://localhost:3000
All endpoints require an API_KEY
to access. Talk to Andrew to get this key. Once you have the key, you
will need to include using key
as a query parameter bypass the authentication.
Example
http://www.karinsbeer.com/api/[END_POINT]/?key=[API_KEY]
/api/all_beers
- Returns the first 50 Beers from the BreweryDB API/api/beer/:name
- Returns info about the Beer if found by name/api/beer/random
- Returns info about a random Beer/api/all_breweries
- Returns the first 50 Breweries from the BreweryDB API/api/brewery/:name
- Returns info about the Brewery if found by name/api/search_all?query=''
- Returns all info from the BreweryDB API matching search query
/api/search_beers?query=''
- Returns all info about Beers from the BreweryDB API matching
search query/api/search_breweries?query=''
- Returns all info about Breweries from the BreweryDB API
matching search query/api/all_glassware
- Returns all Glassware in the BreweryDB API/api/all_locations
- Returns the first 50 Locations from the BreweryDB API/api/locations/:city
- Returns the first 50 Locations in the matched city from the BreweryDB API
We added more steps than we expect you to finish. Don't be overwhelmed and get as far as you can in the time you have. We will take into account the time amount of time you took, the amount of experience you have in React, the difficulty of the UI library you use etc.
IMPORTANT: You will need to obtain an API key to access the API. Please reach out to Andrew for this key.
To test your ability to use modern frontend tools, you'll be required to use the following in your application.
src/components
/beers
that renders our new Beers Component. Our routes are defined
in App.js
.axios
, fetch
or any other HTTP Request library to GET the first 50 Beers from
/api/all_beers
. The way you choose to display / style this is up to you.axios
, fetch
or any other HTTP Request library to GET the first 50 Breweries from
/api/all_breweries
. The way you choose to display / style this is up to you. You can create a new
route and have it on a different page or you could use your Beers Component and a Grid system to show all beers
and breweries side by side.page
and
per_page
query string parameters the server will paginate results for you. EXAMPLE:
api/all_beers?page=20&per_page=5