Web-App · Alltag

Sprit-Dashboard – Jetzt tanken oder warten?

Unterstützt die tägliche Entscheidung, ob Tanken sich lohnt. Seit April 2026 dürfen deutsche Tankstellen Preise nur noch einmal täglich erhöhen – das Morgen-Dashboard zeigt per Ampel, ob man vor 12 Uhr tanken sollte, mit Ölpreis-Chart und lokalen Tankstellenpreisen für Hünfeld.

Mai 2026 · Web-App · Next.js · Vercel · Claude Code

Projekt auf einen Blick

🎯

Ziel

Klare Tank-Empfehlung statt täglichem Ölpreise-Googeln

👥

Zielgruppe

Eigener Alltag, Raum Hünfeld

🛠️

Technologien

Next.js, Recharts, Tankerkönig API, Vercel

✅

Status

Live, täglich im eigenen Einsatz

📦

Umfang

Ampel-System, Chart, PWA

Die Ausgangslage

Jeden Morgen stellte sich dieselbe Frage: Steigt der Ölpreis gerade, sollte ich vor 12 Uhr tanken? Grund ist eine Regeländerung seit 1. April 2026: Tankstellen dürfen ihre Preise nur noch einmal täglich erhöhen – um 12 Uhr mittags. Wer morgens tankt, zahlt den Preis von gestern Abend, wer danach tankt, möglicherweise mehr.

Nicht jeden Morgen Ölpreise googeln – einfach die App öffnen und die Ampel anschauen.

Die Herausforderung

Der Ölpreis schwankt täglich – die Herausforderung war, aus diesem Rauschen einen verlässlichen Trend abzuleiten, statt bei jeder kleinen Bewegung die Empfehlung zu ändern. Und die Empfehlung musste rechtzeitig vor der 12-Uhr-Preisänderung vorliegen, nicht erst danach.

Die Lösung

Die Antwort ist eine einfache Web-App, die morgens eine klare Empfehlung gibt: Ein Ampel-System wertet den Brent-Ölpreis-Trend aus und zeigt Grün, Blau, Gelb oder Grau – je nachdem, ob sich ein echter Trend erkennen lässt oder das 12-Uhr-Fenster bereits vorbei ist.

Die Umsetzung

Das Ampel-System

Das Herzstück ist die Ampel-Empfehlung. Sie wertet den Brent-Ölpreis-Trend aus und gibt eine klare Handlungsempfehlung:

Grün

Ölpreis steigt >+2% → jetzt tanken

Blau

Ölpreis fällt <−2% → warten lohnt sich

Gelb

Kein klarer Trend → unklar

Grau

Nach 12 Uhr → Fenster vorbei

Alle Funktionen

Neben der Ampel zeigt das Dashboard alle relevanten Informationen auf einen Blick:

Ölpreis-Chart – Brent Crude der letzten Handelstage aus Yahoo Finance, als Linienchart mit Recharts dargestellt. So sieht man sofort ob es ein kurzfristiger Ausreißer ist oder ein echter Trend.

Lokale Tankstellenpreise – die drei günstigsten Tankstellen im 5-km-Umkreis von PLZ 36088 Hünfeld, live von der Tankerkönig API. E10, Super und Diesel werden angezeigt.

Kennzahlen – aktueller Ölpreis mit 5-Tage-Trend, Ø E10 und Ø Diesel aus der Region.

Tech-Stack

Framework	Next.js (App Router)
Hosting	Vercel (Free Tier)
Ölpreise	Yahoo Finance API (BZ=F), Fallback Stooq
Spritpreise	Tankerkönig API
Styling	Tailwind CSS
Chart	Recharts
Dev-Tool	Claude Code

Als App nutzen

Das Dashboard ist als PWA ausgelegt – es lässt sich direkt auf dem Handy-Homescreen pinnen und verhält sich dann wie eine native App:

iPhone (Safari): Teilen → „Zum Home-Bildschirm" → ab sofort als Icon verfügbar.
Android (Chrome): Menü → „Zum Startbildschirm hinzufügen".

Ergebnis & Mehrwert

Morgens einmal tippen, Ampel anschauen, entscheiden – kein tägliches Ölpreise-Googeln mehr nötig. Die App läuft seit Mai 2026 täglich im eigenen Einsatz und beantwortet zuverlässig die Frage, ob sich Tanken vor 12 Uhr lohnt.

Screenshots

Dashboard-Ansicht mit Ampel, Chart und Tankstellenpreisen

Erkenntnisse

Was mich an diesem Projekt begeistert: es löst ein echtes, tägliches Problem – keine Demo, keine Spielerei, sondern eine App, die ich selbst jeden Morgen verwende.

Entstanden ist das Dashboard komplett mit Claude Code – im Terminal, iterativ, mit direktem Zugriff auf das Projektverzeichnis. Der Code liegt auf GitHub, Vercel deployed automatisch bei jedem Push auf main.