Web-App · 2026
Chasing Raffel
Live-Tracking für einen 800-km-Lauf nach Berlin. Karte, Etappen, Stats und Admin-Backend in einer mobilen Web-App.
Problem
Raffel läuft Etappe für Etappe von Schifferstadt nach Berlin, zum WM-Finale 2026. Seine Community auf Instagram will vor allem eine Antwort: Wo ist er gerade?
Social Media allein reicht nicht. Fortschritt, Etappen-Historie und Live-Status brauchen einen festen Ort im Web, mobil, schnell und ohne App Store.
Solution
Road to Berlin als Journey-Tracker: aktuelle Position auf der Karte, Fortschrittsbalken bis Berlin, Etappen-Übersicht mit Fotos und Strava-Links. Alles mobile-first, dunkles UI mit gelbem Marken-Akzent.
Im Admin-Bereich kann Raffel Etappen pflegen, den Live-Standort setzen und Inhalte aktualisieren, ohne Code. Technisch Next.js, Supabase und Leaflet, deployed auf Vercel.
Challenge
Die Seite soll sportlich und roh wirken wie Raffels Instagram, aber trotzdem klar lesbar und verlässlich, auch unterwegs mit schlechtem Empfang.
Live-Daten ohne Overkill: kein GPS-Tracking in Echtzeit, sondern manuell gepflegte Updates. Nachhaltig für einen Solo-Creator, der unterwegs ist.
Summary
An einem Wochenende von der Idee bis zum Live-Gang. Die Website läuft unter chasingraffel.de und begleitet Raffels Lauf bis Berlin.
Ein Projekt, das zeigt, wie ich neben klassischen Websites auch datengetriebene Web-Apps baue, mit Karte, Backend und Admin in einem schlanken Setup.
Like what you see?
If you want something similar – check the packages or tell me briefly what you're working on.
