Firebase Quiz Web App

General information for the website: A simple realtime multiplayer quiz based on Firebase.
Kind of development: New website from scratch
Description of every page/module: This is a job to build a web app and basic admin interface for a real time quiz in Google Firebase. The quiz allows players to play along in realtime to a series of multiple choice or numeric questions.

Users log in with Facebook, set a team name and can then answer questions. Questions can be added and managed through a basic admin interface.

The project should use Firebase for authentication, realtime database and hosting. There is also a public page which shows the current active question and the latest players to submit an answer.


Player Web App

- Players sign up to play using Facebook (Through Firebase Authentication, FB app is already set up in Firebase and ready to go) (https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/a946bccf1)
- Players set a team name, choose a location (from a list of predefined locations stored in Firebase) and select the number of players in their team. (https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/a5c5b41f6)
- Players see a ‘wait for the game to start screen’ until a question is marked as ACTIVE. (https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/aa2276f02)
- As soon as a question is marked ACTIVE in the admin area it is shown on player devices and they can select their answer which is instantly saved to Firebase. https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/af849e5c3
- As soon as another question is made ACTIVE, that is shown instead.
- When the SHOW SCORES option is enabled in the admin area the following screen is shown to all players until it is disabled. https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/a68aa9b38
- If the user leaves and returns to the web app, they should be able to continue where they left off if they are logged in.



Admin Area

- Allows an administrator to add and view questions (both multiple choice and numeric) and add which answer is correct. (https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/ab30e1094)
- Pressing a MAKE ACTIVE button next to any of the questions makes the question active for all current players and shows it on their screens.
- View all teams who are active in the current game and change which question is currently active for players.
- Activate show score mode which shows the current score to all players. Making a question active makes it instantly visible on all registered player’s devices and allows them to answer. (Using Firebase Realtime Database)
- Add a multiple choice question, along with correct answer. (https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/aa3767680)
- Add a numeric answer, along with correct answer. (https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/ac9b2089f)
- View individual question details and the teams who have answered the question, along with their answer and whether it is correct. (https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/a95c0a381)
- Public Question Page. There should also be a page which is accessible to the public and shows the current question and shows a real time stream of the most recent player teams to submit an answer. (https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view/page/a5d73c750)

To be built with good styling CSS practice, a copy of the Google Material Design framework will be provided along with access to a Firebase account.
Description of requirements/features: Multiplayer realtime quiz with multiple choice/numeric questions and Facebook Login.

Clickable wireframes of basic journey at https://app.moqups.com/james@airfinity.com/6U4P0YORhs/view
Extra notes: Should be built, hosted on Google Firebase. Account is already set up and required Facebook Apps linked required for auth.