Ausgangslage

Flags ist ein interaktives Flaggenquiz, mit Fokus auf spielerisches Lernen. Ziel des Projekts war es, eine schnelle und intuitive Nutzererfahrung zu gestalten.

Konzept

Die Anwendung umfasst alle 193 Mitgliedstaaten der Vereinten Nationen und orientiert sich in Aufbau und Spielmechanik an bekannten Quizformaten. Besonderen Wert habe ich auf die Eingabeerkennung gelegt. Ländernamen werden sowohl auf Deutsch als auch auf Englisch akzeptiert, inklusive gängiger Abkürzungen. So werden für das Vereinigte Königreich die Eingaben «United Kingdom», «UK», «Grossbritannien» oder «GB» als korrekt gewertet.

Umsetzung

Das Projekt wurde technisch vollständig mit Vanilla JavaScript umgesetzt. Für die Validierung der Antworten und die Speicherung der Spielergebnisse wird Supabase als Backend-Lösung verwendet. Dadurch konnte ein Scoreboard realisiert werden, das einen direkten Vergleich zwischen den Spieler:innen ermöglicht. Bei Punktgleichstand entscheidet die benötigte Zeit über die Platzierung.

Fazit

Flags entstand im Rahmen des Moduls «Konvergent Produzieren» und diente mir in erster Linie dazu, mein Verständnis für Frontend-Logik, Datenverarbeitung und nutzerzentrierte Interaktion zu vertiefen.