📵 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

🚇
Live-Abfahrten

Echtzeit für alle VBB-Stationen

🗺️
Routenplaner

Schnellste Verbindungen finden

🌍
Live-Map

Fahrzeuge in Echtzeit verfolgen

👨‍💻
Für Entwickler

Changelog & Infos –

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

👨‍💻 Für Entwickler

Technische Details, Changelog & Funktionen

⏳ Lade Changelog...

🚀 Version Info

Version:
Release:
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:Transitous (MOTIS 2)
Daten:Transitous-Quellen (inkl. DELFI/VBB & OpenStreetMap)
PWA:Service Worker, Manifest
Server:Node.js HTTPS

📊 Architektur

Module:6 (api, transitous, app, livemap, changelog, extras)
Datenquelle:Transitous / MOTIS 2
Tests:Adapter- + Smoke-Suite (GitHub Actions)
Code:~8.500 Zeilen (HTML, CSS, JS)
💻 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 /v6/stoptimes

🗺️ 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 /v6/plan

🌍 Live-Map

Echtzeit-Fahrzeugverfolgung

  • Leaflet.js Kartenintegration
  • Dynamische Bounding Box
  • Fahrzeug-Filter (U-Bahn, S-Bahn, Bus, Tram)
  • Offizielle Linienfarben aus dem GTFS-Feed
  • Strecken-Anzeige + Fokus-Modus per Fahrzeug-Tap
  • API-Poll alle 30s + lokale 1s-Animation
  • Zoom & Pan optimiert

API: GET /v6/map/trips

📱 Progressive Web App

Moderne PWA-Funktionen

  • Installierbar (Add to Home Screen)
  • Service Worker mit Caching
  • Offline-Modus
  • Favoriten & Offline-Abfahrten (localStorage)
  • App-Manifest

Cache:

🎨 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...