PWA · React · Persönliches Projekt
Dein Weg in die Freiheit – Renten-Countdown
Konzeption & Entwicklung im AI-First-Workflow (mit Manus) · React 19, Tailwind CSS 4, TypeScript, PWA/Service Worker
Problem & Ziel
Ein persönliches Geschenk für eine Lehrerin in Bayern: ein eleganter Countdown zum Renteneintritt (03.08.2026, Ferienbeginn) – als App direkt auf dem iPhone-Home-Bildschirm, ohne Umweg über den App Store.
Herausforderung
Eine Web-App, die sich wie eine native App anfühlt: Installation über Safari („Zum Home-Bildschirm“), Offline-Funktionalität per Service Worker, responsive für alle iPhone-Größen – und ein Design, das Vorfreude transportiert statt Technik.
Lösung
Progressive Web App mit React 19 und Tailwind CSS 4: Countdown-Logik in Monaten, Wochen und Tagen; in den letzten 4 Wochen täglich einer von 28 humorvoll-ermutigenden Lehrer-Sprüchen. Elegant-verspieltes Design mit Pastellpalette (Roségold, Lavendel, Minzgrün), Playfair Display/Poppins und Wellen-Animationen. PWA-Manifest und Service Worker für Offline-Nutzung – ohne externe Datenübertragungen.
Ergebnis
Live auf Vercel und im Einsatz – direkt vom iPhone-Home-Bildschirm startbar.
Learnings
PWA-Grundlagen (Manifest, Service Worker, iOS-Besonderheiten), emotionales UI-Design – und wie man im AI-First-Workflow mit einem KI-Agenten entwickelt: Ergebnisse prüfen, kuratieren und für den Praxiseinsatz polieren.
Einblicke in das Projekt
