Musicquiz-App

Development of a Musicquiz-App with React and Firebase

#React#TypeScript#JavaScript#Firebase#Projects
My friends like to play a quiz game where the players have to answer questions about songs in teams. Up until now, the game known to us as "music quiz" was played on paper, powerpoints or whiteboards. The game follows a principle that is always the same, but could not be implemented in any app I know, which is why I decided to develop my own app. This should allow creating, sharing and playing such quizzes.

Game principle

The team that is currently playing is allowed to choose a question from a category. Only the number of points the question is worth if answered correctly is known. Usually a question consists of a song that is played and a question about it, but it can also consist of several questions or be something particularly original.

Development

The app was developed with React and TypeScript. The quiz questions and game scores are first stored locally in the browser's localStorage, but can later be stored and shared in a Firebase database. The songs and images are stored locally in a browser database.

Screenshots

Creating

The questions for a quiz can be entered in a table:

Playing

Questions can be selected from a table:The game leader can mark the answer as correct:The course of the game is fully saved and evaluated based on the answers given:

Comments

Feel free to leave your opinion or questions in the comment section below.