Play That Song! — Mobile Begleitung für ein Musikbrettspiel
Salerow entwickelte die mobile App für Play That Song!, ein Musikquiz am gemeinsamen Spieltisch. Die App verbindet physische QR-Karten mit Musik und hält die Spielregeln griffbereit.
Projektziel
Den Spielleiter von einer Spielkarte zur Musik für die nächste Runde führen — mit einem übersichtlichen Startbildschirm, QR-Scan und leicht erreichbaren Regeln.
Mobile Anwendung
Eine gemeinsame Codebasis mit React Native und Expo richtet sich an Android und iOS. Spieler wählen Land und Sprache (Deutsch oder Englisch), lesen die Regeln, erhalten eine zufällige Kartennummer und öffnen den Scanner. Der Code enthält unterschiedliche Musikabläufe: Spotify-Links unter Android und einen integrierten Audioplayer mit SoundCloud-Titeldaten unter iOS. Die bestehende API liefert Kartenverknüpfungen und Titelinformationen. Salerows Beitrag in diesem Projekt ist die mobile App.
playthatsong.deEinblicke in die App
Echte Bildschirmaufnahmen einer lokal laufenden Android-Demo: Spielstart, Regeln, zufällige Karte und Einstellungen.
Die Aufnahmen zeigen eine isolierte Android-Demo mit neuer lokaler Datenbank und fiktiven Kartenverknüpfungen. Die zufällige Kartennummer stammt aus der lokalen API. Analyse und externe Musikanmeldung sind deaktiviert. Kameraerkennung physischer Karten, Spotify-/SoundCloud-Wiedergabe und der iOS-Build wurden in dieser Demo nicht geprüft.
Vorteile
- 🎵 Im Spielfluss bleiben — der Startbildschirm bündelt die wichtigsten Aktionen.
- 📷 Karten und Musik verbinden — der QR-Scan startet den Musikablauf der Karte.
- 🎲 Abwechslung in die Runde bringen — eine zufällige Kartennummer in der App anfordern.
- 📖 Regeln am Tisch nachlesen — die Anleitung ist direkt in der App verfügbar.
- 🌍 Vertraute Sprache wählen — Deutsch und Englisch sowie Ländereinstellungen stehen bereit.
Technologien
Der mobile Quellcode nutzt React Native 0.73, React 18, Expo SDK 50, TypeScript und Expo Router. Expo Camera unterstützt QR-Scans, Expo AV den integrierten Player. i18next verwaltet Deutsch und Englisch, MMKV speichert Einstellungen. HTTP-Anfragen verbinden die App mit der API. API und Administration sind unterstützende Systeme; dieser Fall beschreibt die Entwicklung der mobilen App.
Mobile Entwicklung für ein physisches Musikspiel
Play That Song! verbindet ein Musikquiz am Tisch mit einer mobilen Begleitung. Salerow entwickelte die App, die den Spielleiter beim Einsatz der Karten während einer gemeinsamen Runde unterstützt.
Vom Spieltisch zum Smartphone
Der Startbildschirm vereint Spielstart, zufällige Kartenauswahl und Regeln. Der QR-Scan verknüpft eine physische Karte mit einem digitalen Musikablauf. Die Anleitung bleibt während des Spiels erreichbar.
Gemeinsame Codebasis und Musikabläufe je Plattform
React Native und Expo stellen gemeinsame Ansichten und Navigation bereit. Der Code trennt Spotify-Links unter Android vom integrierten iOS-Audioplayer. HTTP-Anfragen rufen Karten- und Titeldaten aus der bestehenden API ab.
Einstellungen und nachvollziehbare Demonstration
Deutsche und englische Übersetzungen, Länderauswahl und lokal gespeicherte Einstellungen unterstützen die wiederholte Nutzung. Der Fall unterscheidet dokumentierte Android-Ansichten von Integrationen, die noch mit echten Geräten und Musikdienstkonten geprüft werden müssen.