Trivia Web App

Project Description

Trivia is a frontend only game that tests users knowledge about a topic of their choice with ten multiple choice questions.

Current categories are:

• General Knowledge
• Celebrities
• Entertainment: Books
• Entertainment: Films
• Entertainment: Japanese Anime and Manga
• Animals
• Sports
• Science: Computers

Users can also select level of difficulty: Easy, Medium, Hard.

The game will keep track of the users score and let them know how many they got correct at the end of a round. The game will be using the following API to generate questions: (https://opentdb.com/api_config.php).

Github Pages Link:

• https://sahirabibi.github.io/trivia-web-app/

Wire Frames

Copy and paste or drag and drop your images here

User Stories

MVP Goals

• As a user, I want to be able to see the question and the multiple choice answer displayed clearly on screen so that I may play the game.
• As a user, I want to be able to select an answer and be notified if I got it so that I can see if my knowledge is correct.
• As a user, I want to be able to have my correct answers be scored so that I may see how accurate my knowledge is on the given topic.
• As a user, I want to be able to have a reset button so that I may play again.

Stretch Goals

_ Bronze _

• As a user, I would like to be able to pick between categories of topics so that I can have more topics to test my knowledge.
• As a user, I would like to be able to choose my level of difficulty when I play the trivia game so that I can control how difficult the questions are.
• As a user, I would like to be able to decide how many questions I am being tested with.

_ Silver _

• As a user, I would like to have a high score sheet that keeps track of my score on all my attempts so that I can see if by knowledge is improving.
• As a user, I would like to have timed rounds so I may see how quickly I can answer the given questions.

_ Gold _

• As a user, I would like to be able to share my score on facebook so that my friends and family can see how good my knowledge is.

Technologies Used

• The web app was made via Visual Studio Code Version: 1.59.1 (Universal)
• All questions came from Open Trivia Database via their API : (https://opentdb.com/api_config.php).

Installation Instructions

• Fork this repository
• Clone repository on your computer using "git clone {ssh-key}"
• Open index.html and run code.
• Your web browser should display the app on its local host.

Web App Display:

Starting Page

Main Page

Credits:

• Background image sourced from starline at freepik : "https://www.freepik.com/vectors/light"