App Components

MVP

Home Page: to display a list of random beers when the user first sees the webpage

Search Bar: allows user to search for a beer with a term

Filters: allows users to search by criteria

Beer List: to display a list of punk beers

Beer List Item: to display the specifics of each punk beer – picture, name, description, food pairing, etc. (use grid system to organize each beer in a card so that at first the card only contains the image, but when clicked on, it pops up with other details of the beer)

App 2.0

Navbar: to navigate between homepage, favorite, cart, login, logout