/bar-trivia-simulator

An app for anyone who misses testing their knowledge over a pint, with friends. Employs Open Table Trivia & Cocktaildb API's.

Primary LanguageHTML

Getcha Fix Virtual Bar Trivia Simulator

  • This is a virtual bar simulator that displays a Drink of the Moment card along with 5 classic recommended drinks from the developers. With a multiple choice trivia game where the user is asked 10 questions on numerous subjects. The user is told if they answered correctly/incorrectly then records and stores their score in local storage.

Table of Contents

General Info

The bar trivia simulator meets the following criteria:

GIVEN I am in a virtual bar trivia simulator
WHEN I click on a classic drink option
THEN I am presented with a photo, ingredients, and instructions
WHEN I refresh the page
THEN I am presented with a new Drink of the Moment
WHEN I click the Start Bar Trivia button
THEN I am presented with a question
WHEN I answer a question
THEN I am presented with another question
WHEN I answer a question incorrectly
THEN the crowd boos and "WRONG" is displayed
WHEN I answer a question correctly
THEN the crowd cheers and "RIGHT" is displayed
WHEN all questions are answered
THEN the bar trivia game is over
WHEN the bar trivia game is over
THEN I can save my username and score to leaderboard page

Link to Deployed Page

https://joshrehanek.github.io/bar-trivia-simulator/

Home Page

image

Question 1

image

Question 2

image

About Us Page

image

Leaderboard Page

image

Technologies

This project is created with:

Frameworks used:

APIs used:

Summary

  • This is a virtual bar simulator that displays a Drink of the Moment card along with 5 classic recommended drinks from the developers. With a multiple choice trivia game where the user is asked 10 questions on numerous subjects. The user is told if they answered correctly/incorrectly then records and stores their score in local storage.

Authors

  • Joshua Rehanek
  • Rheanne Reyes
  • Mason Miyamoto
  • Chris Hoffman