• 

  Homepage

• 

  Brewery finder

Brews & Booze

Summary

The user of Brews & Booze can get information on breweries in their area or can view brew guides and recipe posts for making their own coffee at home.

How I Built This

I used a static site generator for Vue called Gridsome to convert all of my markdown files to static HTML based upon a graphql query. I then added a page that makes a fetch request to an open source API that returns data about breweries across America. On that page, the user chooses a type of filter to use (city, state, or name of brewery) and enters in their search parameter. Once they submit that request, the page calls an async fetch request with the user's filters and returns the data inside of cards generated by Vue. The user can then choose to click on a card and be redirected to that brewery's website or to just scroll and look at the options. I used TailwindCSS to do the majority of the styling on the site.

Built With

• gridsome
• javascript
• now.sh
• tailwindcss
• vue