Skip to content

iwanast/marvel-quiz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#marvel-quiz

Marvel Quiz: The Ultimate Marvel Fan Quiz - Hyper Island Project 3

Brief: Group project to create a quiz game that incorporates Firebase.

Timeframe: Three weeks.

Description: The Ultimate Marvel Fan Quiz is an online game that tests the user's knowledge of the Marvel Cinematic Universe by presenting them with a series of questions, chosen randomly from a large pool, and asks them to select an answer from the four provided. The quiz can be taken on easy or hard difficulty, to cater to both casual and hardcore fans.

Questions and answers are stored in a Firestore database. The easy and hard questions and answers are retrieved and ten are selected randomly from the chosen difficulty when the game is started. The four answers are also randomized when displayed on the quiz page. Once the player has answered twn questions, their score will be stored in the database and a score page will be generated displaying the user's score, the average score for that difficulty, and a different gif/quote for each different score bracket.

Key Learnings:

Functions:
    Storing quiz data in Friebase/Firestore.
    Generating a fully randomised quiz each time the user plays.
    Generate randomly ordered answers for each question.
    Seperate questions into easy and hard difficulty brackets.
    Store the user's score in Firebase/Firestore, and generate an average for them to compare to when the game ends.
    Display a different gif and text on the score page depending on the user's score.

Responsiveness:
    Fully responsive.
    Displays correctly from widescreen down to phone.

Style/Animation:
    Splash page video logo with Marvel fanfare on load.
    Buttons and title timed to fade in as the video ends.


Workflow:
  Github.
  Planning the project in a Kanban style Trello board.
  Dividing the project into three sprints to practice Agile programming.
  All styling done in SCSS.

About

Hyper Island Project 3 - An online Marvel themed quiz that incorporates Firebase/Firestore.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •