Rückblick, datiert auf zwei Tage nach dem letzten Commit.
Fünf Leute, eine Reise nach Sizilien und ein Planungstool in zwölf Tagen
Statt einer Tabelle und drei Gruppenchats habe ich unserer Reisegruppe eine kleine Planungsseite gebaut, mit Abstimmungen, Budget und Tagesplan.
Fünf Leute wollen im Juni nach Sizilien. Normalerweise heißt das: eine Tabelle, ein paar Gruppenchats, Links, die irgendwo untergehen, und keiner weiß, was schon entschieden ist. Diesmal habe ich am 30. März einen Editor aufgemacht.
Zwölf Tage und 51 Commits später gab es eine Seite, auf der die ganze Planung liegt. Allein gebaut, live auf GitHub Pages. Unterkünfte, Flüge, Auto, Aktivitäten, Packliste, Budget, Abstimmungen, eine Ideenwand, ein Tagesplan und Aufgaben, wer was erledigt.
Technisch ist das bewusst schlicht. Statisches HTML und JavaScript, keine Datenbank, kein Framework. Was trotzdem nötig war: Die Daten müssen sich synchronisieren, wenn zwei Leute gleichzeitig etwas eintragen. Dafür steht ein Cloudflare Worker dahinter. Er erledigt die Anmeldung über GitHub, schreibt die Daten über die GitHub-API zurück ins Repository und hat einen kleinen Scraper. Wenn jemand einen Link zu einem Angebot einfügt, liest der Worker die Seite ein. Niemand muss abtippen, was dort eh schon steht.
Die Demo auf dieser Seite zeigt drei Teile mit Beispieldaten, ohne echte Namen. Bei den Abstimmungen stimmt jeder für eine Option, und das Ergebnis steht sofort da. Das Budget rechnet zusammen, was geplant ist. Und der Tagesplan legt fest, was an welchem Tag passiert. Das sind die drei Stellen, an denen Gruppen sonst im Chat hängen bleiben.
Live-Demo · Beispieldaten
Unterkünfte
Übersicht & Vergleich aller Optionen
Karte
6 StandorteAbstimmung
Gruppenranking
Schnellvergleich
| # | Name | Ort | SZ | Strand | Palermo | Storno | |||
|---|---|---|---|---|---|---|---|---|---|
| 1 | Casa Limone | Mondello | 945 € | 27,00 € | 9.2 (48) | 3 | 300 m | 12 km | Kostenlos bis 01.06. |
| 2 | Appartamento Kalsa | Palermo Altstadt | 1020 € | 29,14 € | 4.8/5 (31) | 2 | ~12 km | zentral | Kostenlos bis 25.05. |
| 3 | Villa Zagara | Capaci | 1180 € | 33,71 € | 9.5 (64) | 3 | 1,2 km | 20 km | Kostenlos bis 05.06. |
| 4 | Baia Blu Apartments | Isola delle Femmine | 760 € | 21,71 € | 8.4 (112) | 2 | 150 m | 17 km | Nein |
| 5 | Casa del Pescatore | Terrasini | 690 €TOP | 19,71 € | 8.1 (27) | 3 | 600 m | 33 km | Nein |
| 6 | Dimora Normanna | Cefalù | 1290 € | 36,86 € | 4.97/5 (19) | 3 | 200 m | ~70 km | Kostenlos bis 30.05. |
Im Detail
6 OptionenVilla Zagara
Villa mit Pool · Capaci · Booking.comWas ich dabei gemerkt habe: Design zählt. Sobald nicht nur ich, sondern vier andere eine Seite benutzen, muss sie aussehen, als ob sie funktioniert. Deshalb gibt es ein eigenes DESIGN.md mit Farben als CSS-Variablen, ein paar festen Komponenten und Regeln zur Barrierefreiheit. Jede neue Seite nimmt die, statt neu zu erfinden, wie ein Button aussieht.
Zweite Erkenntnis: Für ein Problem dieser Größe reicht ein statisches Frontend mit einem einzigen Worker. Keine Datenbank, kein Server, den man warten muss.
Parallel ist die größere Idee dahinter gewachsen. Ich skizziere gerade ein Gerüst namens TripForge, ein Planungstool für beliebige Gruppenreisen, mit Next.js, Expo und Supabase. Das ist aber noch Architektur und kein Produkt. Sizilien ist das, was heute läuft.
Tools und Skills: Vanilla JavaScript, HTML und CSS, GitHub Pages, Cloudflare Workers, GitHub-OAuth und die Contents-API, ein bisschen Web-Scraping und ein kleines Design-System. Dazu die Frage, was fünf Leute wirklich brauchen, um sich zu einigen.
Jetzt muss nur noch der Juni kommen.