Tilbage til projekter
Live PWA Self-hosted Vibe Coding Bygget på én aften

Letbane App 🚊

Realtids afgangstider og linjekort for Odense Letbane — pakket ind i en farverig, børnevenlig PWA. Ingen app store, ingen installation. Bare åbn den på telefonen og se hvornår toget kommer.

1
Aften at bygge den
4
Funktioner i appen
0
Abonnementer
🚊
Odense Letbane
// 01 — Velkomst

Sjov fra første skærm

Appen starter med et karaktervalg — Dreng eller Pige. En lille detalje der gør appen mere personlig og børnevenlig. Præcis som det skal være når hele familien bruger den.

  • Vælg din karakter ved opstart
  • Farverig og indbydende design
  • Nem og intuitiv for alle aldre
Velkomstskærm
// 02 — Afgangstider

Hvornår kommer toget?

Vælg din station og se realtids afgangstider i begge retninger. Appen viser tydelig nedtælling i minutter — og advarer når toget er på vej nu.

  • Realtids afgangstider fra Odense Letbane
  • Afgange i begge retninger
  • Tydelig advarsel når toget kommer inden for 0–2 min
  • Vælg station direkte fra kortets stationer
Afgangstider
// 03 — Linjekort

Se hele ruten

Et interaktivt linjekort over hele Odense Letbane. Se alle stationer, din nuværende position og planlæg din rejse med overblik.

  • Fuldt linjekort med alle stationer
  • Din valgte station markeret på kortet
  • Tryk på en station for at se afgangstider
Linjekort
// 04 — Stationsliste

Find din station

En komplet liste over alle stationer på linjen. Scroll igennem, vælg din station og se afgangstiderne med det samme.

  • Alle stationer fra Tarup Center til Hjallese St.
  • Aktiv station fremhævet i listen
  • Hurtigt overblik over hele linjen
Stationsliste

Bygget på én aften

Letbane appen er det perfekte eksempel på Vibe Coding i praksis. En reel problemstilling, en klar idé — og så bare bygge. Fra tom editor til færdig PWA på én enkelt aften.

// 01
Problemet
Odense Letbanes hjemmeside er ikke lavet til hurtig brug på telefonen. Børnene ville vide hvornår toget kom — uden at rode rundt i en besværlig side.
// 02
Vibe Coding
Idéen beskrevet til AI: farverig app, karaktervalg, realtids afgangstider og linjekort. Koden genereret og tilpasset løbende.
// 03
PWA
Bygget som Progressive Web App — installeres på telefonen som en rigtig app uden App Store. Virker på alle enheder og platforme.
// 04
Self-hosted
Kører på serveren derhjemme og er tilgængelig udefra via Cloudflare Tunnel. Familien bruger den dagligt når de tager letbanen.

// Alle skærmbilleder

Velkomst Afgangstider Linjekort Stationer

Har du en idé til en app?

Fra idé til færdig PWA på én aften. Lad os tage en snak om hvad vi kan bygge.

Kontakt mig