Create README.md
This commit is contained in:
1 parent
364de1fdf1
commit
661407f9c3
1 file changed
+106
@@ -0,0 +1,106 @@
|
|||||||
|
# 🚇 Berlin Live Transit
|
||||||
|
|
||||||
|
Echtzeit-Dashboard zur Visualisierung aller öffentlichen Verkehrsmittel in Berlin – perfekt als animierter Background oder Wallpaper.
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
## ✨ Features
|
||||||
|
|
||||||
|
- 🗺️ **Live-Tracking** aller Verkehrsmittel (U-Bahn, S-Bahn, Bus, Tram, Fähre)
|
||||||
|
- 🌙 **Dark Mode** mit animierten Fahrzeugmarkern
|
||||||
|
- ⏰ **Echtzeit-Uhr** mit deutschem Datum
|
||||||
|
- 📍 **Standorterkennung** (optional)
|
||||||
|
- ✨ **Smooth Animationen** zwischen Position-Updates
|
||||||
|
- 💫 **Kein Cursor** - perfekt als Hintergrund
|
||||||
|
|
||||||
|
## 🚀 Installation & Start
|
||||||
|
|
||||||
|
### Option 1: GitHub Pages (Empfohlen)
|
||||||
|
|
||||||
|
Einfach die GitHub Pages aktivieren:
|
||||||
|
|
||||||
|
1. Fork/Clone das Repo
|
||||||
|
2. GitHub → Settings → Pages → Source: `main` branch
|
||||||
|
3. Fertig! URL: `https://username.github.io/berlin-live-transit`
|
||||||
|
|
||||||
|
### Option 2: Lokaler Start
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Repository klonen
|
||||||
|
git clone https://github.com/username/berlin-live-transit.git
|
||||||
|
cd berlin-live-transit
|
||||||
|
|
||||||
|
# Starten mit Node.js
|
||||||
|
npm start
|
||||||
|
|
||||||
|
# ODER mit Python
|
||||||
|
python -m http.server 8000
|
||||||
|
```
|
||||||
|
|
||||||
|
Dann öffne: `http://localhost:8000`
|
||||||
|
|
||||||
|
### Option 3: Direkt öffnen
|
||||||
|
|
||||||
|
Einfach `index.html` im Browser öffnen – funktioniert sofort!
|
||||||
|
|
||||||
|
## 🎨 Verkehrsmittel-Farben
|
||||||
|
|
||||||
|
| Typ | Farbe | Icon |
|
||||||
|
|-----|-------|------|
|
||||||
|
| U-Bahn | 🔵 Blau | U |
|
||||||
|
| S-Bahn | 🟢 Grün | S |
|
||||||
|
| Straßenbahn | 🔴 Rot | T |
|
||||||
|
| Bus | 🟣 Lila | B |
|
||||||
|
| Fähre | 🔵 Cyan | F |
|
||||||
|
| Regional | 🟠 Orange | R |
|
||||||
|
|
||||||
|
## ⚙️ Konfiguration
|
||||||
|
|
||||||
|
Anpassbare Parameter in `index.html`:
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
// Zoom-Level (Standard: 16)
|
||||||
|
map.setView([lat, lon], 16);
|
||||||
|
|
||||||
|
// Update-Intervall in ms (Standard: 15s)
|
||||||
|
setInterval(() => { loadRadarData(); }, 15000);
|
||||||
|
|
||||||
|
// Max. Fahrzeuge pro Request
|
||||||
|
&results=150
|
||||||
|
```
|
||||||
|
|
||||||
|
## 🛠️ Technologien
|
||||||
|
|
||||||
|
- **Leaflet.js** - Karten
|
||||||
|
- **VBB Transport REST API** - Live-Daten
|
||||||
|
- **CartoDB Dark Matter** - Dark Mode Tiles
|
||||||
|
- **Vanilla JS** - Keine Dependencies
|
||||||
|
|
||||||
|
## 📝 Nutzung als Wallpaper
|
||||||
|
|
||||||
|
1. Im Browser öffnen
|
||||||
|
2. `F11` für Vollbild
|
||||||
|
3. Optional: Als Browser-Startseite setzen
|
||||||
|
4. Auf zweitem Monitor laufen lassen
|
||||||
|
|
||||||
|
## 🌍 Browser-Support
|
||||||
|
|
||||||
|
✅ Chrome/Edge | ✅ Firefox | ✅ Safari | ✅ Opera
|
||||||
|
|
||||||
|
## 📡 API-Details
|
||||||
|
|
||||||
|
- **Quelle:** [VBB Transport REST API](https://v6.vbb.transport.rest/)
|
||||||
|
- **Update:** Alle 15 Sekunden
|
||||||
|
- **Limit:** 150 Fahrzeuge pro Request
|
||||||
|
- **Kostenlos:** Ja, mit Rate-Limit
|
||||||
|
|
||||||
|
## 📄 Lizenz & Credits
|
||||||
|
|
||||||
|
- Kartendaten: © OpenStreetMap
|
||||||
|
- Kartenstil: © CartoDB
|
||||||
|
- Verkehrsdaten: © VBB
|
||||||
|
- Code: Open Source
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Made with ❤️ for Berlin** | [Report Bug](../../issues) | [Request Feature](../../issues)
|
||||||
Reference in new issue
Block a user