Musikquiz-App

Entwicklung einer Musikquiz-App mit React und Firebase

#React#TypeScript#JavaScript#Firebase#Projekte
Meine Freunde spielen immer wieder gerne ein Quizspiel, bei dem die Spieler in Teams Fragen zu Liedern beantworten müssen. Das bei uns als "Musikquiz" bekannte Spiel wurde bisher auf Papier, Powerpoints oder Tafeln gespielt. Das Spiel folgt einem immer gleichen Prinzip, das aber in keiner mir bekannten App umsetzbar wäre, weshalb ich mich entschieden habe, eine eigene App zu entwickeln. Diese sollte das Erstellen, Teilen und Spielen von solchen Quizzes ermöglichen.

Spielprinzip

Das Team das gerade dran ist, darf sich eine Frage aus einer Kategorie aussuchen. Bekannt ist nur, wie viele Punkte die Frage bei richtiger Beantwortung wert ist. Meist besteht eine Frage aus einem Lied, das abgespielt wird, und einer Frage dazu, kann aber auch aus mehreren Fragen bestehen oder etwas besonders originelles sein.

Entwicklung

Die App wurde mit React und TypeScript entwickelt. Die Quizfragen und Spielstände werden zuerst lokal im localStorage des Browsers gespeichert, können aber später in einer Firebase-Datenbank gespeichert und geteilt werden. Die Lieder und Bilder werden lokal in einer Browserdatenbank gespeichert.

Screenshots

Erstellen

Die Fragen für ein Quiz können in einer Tabelle eingegeben werden:

Spielen

Fragen können aus einer Tabelle ausgewählt werden:Der Spielleiter kann die Antwort als richtig markieren:Der Spielverlauf wird vollständig gespeichert und aufgrund der gegebenen Antworten ausgewertet:

Kommentare

Noch Fragen?