Was sich nach dem Launch verändert hat
In der ersten Saison für mehr als 1.200 Törns genutzt – ohne einen gemeldeten Datenverlust.
- SvelteKit
- TypeScript
- IndexedDB
- Workbox
Kennzahlen
- Offline-Score
- 100
- JavaScript
- 40 kB
- Store-Bewertung
- 4,8
Web-App
Tidepool
Ein Offline-first-Planer für Gezeiten und Wetter für Segler mit kleinen Booten – als installierbare Progressive Web-App.
Daten zum Projekt
- Rolle
- Alleinentwickler
- Art
- Web-App
- Stack
- SvelteKit
- TypeScript
- IndexedDB
- Workbox
- Dauer
- 3 Monate
- Jahr
- 2025
- Status
- Live
- Links
- Demo Repository
Die Herausforderung
Kein Empfang auf dem Wasser
Seglerinnen und Segler planen Törns im Hafen und schauen unterwegs wieder hinein – genau dort, wo die Verbindung abbricht. Bestehende Apps zeigten Ladekreisel, wenn die Daten am dringendsten gebraucht wurden.
Tidepool musste eine Woche geplanter Törns vollständig offline abdecken und sich trotzdem auf alten Smartphones sofort anfühlen.
So entstand es
Der Entwicklungsprozess
Sechs Phasen vom ersten Gespräch bis zum Release. Der Balken zeigt, wie sich die Zeit verteilt hat.
Analyse
Segler zeigten uns, wie sie einen Törn ohne Netz an Bord planen; die Offline-Fälle stammen direkt von ihnen.
Architektur
Datenmodell, Rendering-Strategie und API-Verträge standen fest, bevor der erste Screen entstand.
Oberfläche
Ein Komponenteninventar und responsive Layouts, vollständig aus Design-Tokens aufgebaut.
Umsetzung
Funktionen gingen in kleinen Schritten hinter Feature-Flags live, mit typisierten Grenzen zwischen Client und Server.
Tests
Unit-, End-to-End- und Barrierefreiheitstests liefen bei jedem Pull Request.
Deployment
Jeder Branch bekam eine Vorschau-Umgebung; der Rollout in die Produktion war ein Klick.
Ergebnis
In der ersten Saison für mehr als 1.200 Törns genutzt – ohne einen gemeldeten Datenverlust.
Ansichten
Wirkung
Die Ergebnisse
Unter der Haube
Offline als Normalzustand
Der Service Worker speichert die App-Shell vorab und legt jeden geplanten Törn als in sich geschlossenes Paket ab. Die Oberfläche liest nur aus dem lokalen Speicher, sodass online und offline gleich aussehen.
Aktualisierte Vorhersagen werden auf dem Server verglichen und als kleine Patches ausgeliefert – Hintergrund-Synchronisierungen bleiben so unter 20 kB.
- SvelteKit
- TypeScript
- IndexedDB
- Workbox
Nächstes Projekt
So etwas geplant? Lass uns reden.
Weiter stöbern
