📵 Offline-Modus - Zeige gespeicherte Daten

VBB NETZ STATUS

Live-Nahverkehr für Berlin & Brandenburg
by Aaron K. & Claude (Anthropic)
Tippe oben rechts auf "≡" um das Menü zu öffnen.
Wähle dann Abfahrten, Routenplaner oder Live-Map.

VBB NETZ STATUS

Live-Nahverkehr für Berlin & Brandenburg

v33.0
🚇
Live-Abfahrten

Echtzeit für alle VBB-Stationen

🗺️
Routenplaner

Schnellste Verbindungen finden

🌍
Live-Map

Fahrzeuge in Echtzeit verfolgen

Leer lassen = jetzt abfahren
Garantiert mind. 5 Min Umstiegszeit
Verkehrsmittel:
🚇 Lade Fahrzeuge...

👨‍💻 Für Entwickler

Technische Details, Changelog & Funktionen

⏳ Lade Changelog...

🚀 Version Info

Version:30.0
Release:10.02.2026
Lizenz:MIT
Status:✅ Stabil

📦 Dependencies

Node.js:≥ 16.0.0
npm:≥ 8.0.0
mime-types:^2.1.35

🛠️ Tech Stack

Frontend:Vanilla JS, CSS3, HTML5
Maps:Leaflet.js
API:VBB Transport REST v6
PWA:Service Worker, Manifest
Server:Node.js HTTPS

📊 Statistiken

HTML:407 Zeilen
CSS:2689 Zeilen
JavaScript:2161 Zeilen
Gesamt:~5.300 Zeilen Code
💻 Code auf GitHub ansehen
🚇 Abfahrten-Monitor

Echtzeit-Abfahrten für alle VBB-Stationen

  • GPS-Standortsuche (nur Mobile)
  • Manuelle Stationssuche
  • Auto-Refresh alle 30s
  • Verspätungsanzeige
  • Linien-Filter
  • Detail-Ansicht mit Zwischenhalten

API: GET /stops/:id/departures

🗺️ Routenplaner

Intelligente Routenplanung im VBB-Netz

  • Von/Nach Suche mit Autocomplete
  • GPS-Standort als Start/Ziel (nur Mobile)
  • Mehrere Routenoptionen
  • Umstiegsanzeige mit Zeiten
  • Verkehrsmittel-Filter
  • Detail-Ansicht mit allen Haltestellen

API: GET /journeys

🌍 Live-Map

Echtzeit-Fahrzeugverfolgung

  • Leaflet.js Kartenintegration
  • Dynamische Bounding Box
  • Fahrzeug-Filter (U-Bahn, S-Bahn, Bus, Tram)
  • BVG-Linienfarben
  • Auto-Update alle 15s
  • Zoom & Pan optimiert

API: GET /radar

📱 Progressive Web App

Moderne PWA-Funktionen

  • Installierbar (Add to Home Screen)
  • Service Worker mit Caching
  • Offline-Modus
  • Push-Benachrichtigungen (geplant)
  • App-Manifest

Cache: vbb-status-v30

🎨 UI/UX Features

Design & Benutzerfreundlichkeit

  • Dark Mode (Standard)
  • Responsive Design (Mobile → Desktop)
  • Touch-optimiert
  • Hover-Effekte (Desktop)
  • Accessibility (WCAG)
Fahrzeug-Details
⏳ Lade Details...
Routen-Details
⏳ Lade Details...