In diesem Modul entwickelten wir als Gruppe eine Webapplikation, die auf APIs (Spotify und Google Gemini) basiert. Das Ziel war es, eine funktionale und kreative Lösung zu entwickeln, die Daten aus einer ausgewählten API holt und einen erkennbaren Mehrwert für die Nutzer*innen bietet.
Wie kann die Visualisierung des Musikgeschmacks in Form einer interaktiven Zeitreise das persönliche Musikerlebnis vertiefen?
Im Fokus steht die „Music Journey" – eine Timeline, die die letzten Jahre des persönlichen Musikgeschmacks aufzeichnet. Die Reise beginnt in der Gegenwart und ermöglicht es den Nutzer*innen, in die Vergangenheit zu scrollen, um frühere Phasen ihres Musikgeschmacks zu erkunden. Dabei können sie Zeitabschnitte wie die letzten 4 Wochen, die letzten 6 Monate, das vergangene Jahr sowie die letzten drei Jahre (2023–2021) anhand der Wrapped-Playlists einsehen.
Die Musikreise wird grafisch durch eine dynamische Bubble visualisiert, die sich je nach Song der Nutzer*innen verändert. Zusätzlich werden die Top-Songs, Top-Künstler und Top-Genres der jeweiligen Zeitperiode angezeigt. Nach den visualisierten Jahren folgen gesammelte Badges, die auf der gehörten Musik basieren.
Am Ende der Reise gibt es sowohl einen Share- als auch einen Download-Button. Damit können Nutzer*innen ein oder mehrere Bilder ihrer gesamten „Music Journey" erstellen und in sozialen Medien teilen.
Unsere Zielgruppe sind Premium-Spotify-Nutzerinnen, insbesondere jüngere Generationen, die gerne tiefer in ihre Musikhistorie eintauchen, sowie langjährige Spotify-Nutzerinnen, die ein Interesse an Musikvisualisierungen haben.
npm installnpm run devhttp://127.0.0.1:5173/