/toast-a-beer

Just for fun 😋

Primary LanguageJavaScript

Toast a Beer

Just a fun app made for fun.

See the live demo.

Netlify Status

Features:

  1. Feed Page
  • In the Feed View, every 5 sec a new random beer is fetched and displayed.
  • You can like and comment on any item.
  1. Dashboard Page
  • Items can be viewed in Grid view or List view.
  • Each item is clickable and on click; it displays detailed view of each item.
  • Ability to sort according to number of likes.
  • Ability to filter based on different values of food_pairing.
  • Search bar - To search a beer by name.
  1. Very Responsive.
  2. Eyes strained? Don't worry, it has a Dark Mode too!

Installation

1. Clone the Project and cd into it

git clone https://github.com/mdfaizan7/toast-a-beer.git

cd toast-a-beer

2. Install dependencies

yarn # for yarn (recommended)

npm i # for npm

2. Host Locally in developement

yarn start # for yarn

npm start # for npm

Your app is live on http://localhost:3000. 🤘

API credits to @samjbmason