Tech Demo

Metallica Universe

Konzerte weltweit, Discography und Live-Statistiken. Daten von setlist.fm und Spotify APIs.

Unter der Haube

Spotify API + OAuth 2.0

Die Discography wird über die Spotify Web API geladen. Authentifizierung per OAuth 2.0 Client Credentials Flow — Token wird automatisch gecacht und bei Ablauf erneuert.

setlist.fm API

Über 2.000 Konzerte werden beim ersten Seitenaufruf seitenweise von der setlist.fm API geladen und gecacht. Retry-Logik mit Exponential Backoff fängt Rate Limits ab. Die Live-Song-Statistik wird aus allen Setlists ausgewertet und als Top-10-Ranking aufbereitet.

Redis Caching + Delta-Check

Alle API-Daten werden 30 Tage in Redis gecacht. Ein Delta-Check prüft bei jedem Seitenaufruf mit nur einem API-Call ob neue Konzerte dazugekommen sind — statt alle Seiten neu zu laden, werden nur die neuen Einträge nachgeladen und in den bestehenden Cache eingefügt.

Leaflet Maps + Stimulus

Die interaktive Weltkarte nutzt Leaflet.js, gesteuert über einen Stimulus Controller. Auf Mobilgeräten öffnet sich beim Klick auf einen Veranstaltungsort ein swipebares Bottom Sheet statt Popups — mit Touch-Events und proportionaler Backdrop-Opacity.

—

Konzerte

—

Länder

—

Städte

—

Jahre aktiv

Lade Konzertdaten...