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.