Stadt · Land · Fluss

Ein minimalistischer Buchstaben-Zufallsgenerator als Progressive Web App – direkt im Browser, installierbar auf iOS und Android, funktioniert offline.

Features

• 🎲 Zufälliger Buchstabe dreht sich auf Knopfdruck durch
• ⏱️ 10-Sekunden-Timer mit animiertem Kreisbogen (gelb → orange → rot)
• 🔊 Beep-Sound beim Stoppen
• 📱 Touch & Klick – funktioniert überall auf dem Bildschirm
• 📵 Offline-fähig dank Service Worker
• 💾 Installierbar als App (kein App Store nötig)

Benutzen

Leertaste oder Tippen/Klicken – überall auf dem Bildschirm:

Aktion	Ergebnis
1× drücken	Buchstaben rasen durch
2× drücken	Stoppt – Buchstabe bleibt stehen
Nach 10 Sek.	Stoppt automatisch

Live

👉 dasistdaniel.github.io/stadtlandfluss

Als App installieren

Android (Chrome)

1. Seite in Chrome öffnen
2. Drei Punkte → „App installieren"

iPhone / iPad (Safari)

1. Seite in Safari öffnen
2. Teilen-Symbol → „Zum Home-Bildschirm"

Tech

Vanilla HTML/CSS/JS – keine Dependencies, keine Build-Tools. Web Audio API für den Beep, SVG-Animation für den Timer-Ring, Service Worker für Offline-Support.

---

Gebaut mit ♥ und Claude