Case Study 03 · Prüfungs-App für Studierende · PWA
Checke
Mein eigenes Produkt. Eine App für Studierende, die vor einer Prüfung stehen: Fragen sammeln, durchkreuzen und gezielt das wiederholen, was noch nicht sitzt. Alles ist um die Prüfung herum gebaut – keine allgemeine Lernplattform, sondern Vorbereitung mit klarem Ziel. Läuft installierbar aufs Handy.
Ausgangslage
Vor einer Prüfung will man nicht lernen. Man will bestehen.
Die meisten Lern-Apps sind Themensammlungen: Karteikarten, Kurse, Streaks. Vor einer Prüfung hilft das wenig. Da zählt eine einzige Frage – komme ich durch? – und die Zeit ist knapp.
Checke ist deshalb kein weiteres Lern-Tool, sondern eine Prüfungs-App. Alles ist um die konkrete Prüfung herum gebaut. Fach und Vorlesung ordnen den Stoff, sind aber nie Selbstzweck – sie hängen immer an einer Prüfung, auf die man sich gerade vorbereitet.
Ziel
Eine App, die eine Sache richtig macht.
- Prüfungsfragen sammeln und im Multiple-Choice-Format durchkreuzen
- Falsch beantwortete Fragen automatisch wiedervorlegen, bis sie sitzen
- Altklausuren und eine echte Prüfungssimulation an einem Ort
- Aufs Handy installierbar – lernen in der Bahn, in der Pause, ohne App-Store
Konzept & Design
Ruhig, dunkel, aufs Handy gedacht.
Die Oberfläche hält sich zurück, damit der Kopf für den Stoff frei bleibt: dunkler Hintergrund, ein blauer Akzent, klare Zahlen. Bedient wird mit dem Daumen – die wichtigsten Wege liegen unten in der Leiste, nicht in einem Menü irgendwo oben.
- Bottom-Navigation für die Bedienung mit einer Hand
- Fortschritt als Erfolgsquote, nicht als Punktejagd
- Statistik je Prüfung, Fach und Vorlesung
- Installierbar mit eigenem Icon und App-Shortcuts
Der Produktkern
Eine Schleife, die dich sicher macht.
Alles in Checke dreht sich um denselben Ablauf: kreuzen, Fehler erkennen, gezielt wiederholen, Fortschritt sehen – und so lange, bis der Stoff sitzt.
- 1 Kreuzen
- 2 Fehler erkennen
- 3 Gezielt wiederholen
- 4 Fortschritt sehen
- 5 Sicher werden
Das Fehlertraining ist bewusst streng: Eine Frage landet im Pool, sobald du sie falsch beantwortest – und verlässt ihn erst, wenn du sie zweimal hintereinander richtig hast. Einmal Glück reicht nicht.
Technische Umsetzung
Eine Web-App, die sich anfühlt wie eine App.
Checke läuft komplett im Browser und lässt sich trotzdem installieren wie eine native App. Dahinter steht ein sauber typisiertes Next.js-Projekt mit einer echten Datenbank – kein Baukasten, sondern eine Anwendung, die mitwächst.
Frontend & App
- Next.js mit React Server Components und Server Actions
- TypeScript durchgehend strict, Styling über eigene Design-Tokens
- Installierbare PWA mit Service Worker, Icons und Shortcuts
Backend & Daten
- PostgreSQL mit Drizzle ORM, normalisiert gespeichert
- Prüfungsorientierte Ansicht als Projektion – keine doppelte Datenhaltung
- Anmeldung über Better Auth mit Sitzungen in der Datenbank
Qualität
- Unit-, Integrations- und Playwright-Tests
- Linting und Formatierung fest im Ablauf verankert
- Als Container gebaut (non-root), reproduzierbar deploybar
Infrastruktur & Betrieb
Selbst gebaut, selbst betrieben.
Checke läuft als Container hinter einem Reverse Proxy mit automatischem TLS. Ich betreibe es selbst – vom Deployment über die Datenbank bis zu den Backups.
LIVE-ARCHITEKTUR · CHECKE.EU
- Browser / PWA
- Reverse Proxy · TLS
- Next.js
- PostgreSQL
- Docker · non-root
- CSP + Nonce
- HSTS
- Better Auth
- Backups
- Updates
Nachprüfbar am Live-System: eine strikte Content-Security-Policy mit Nonce, dazu HSTS, Referrer- und Permissions-Policy sowie X-Content-Type-Options. Der Server-Header ist ausgeblendet, TLS ist erzwungen. Sicherheit ist auch hier ein Response-Header, kein Versprechen.
Stand
Live – und wächst mit jeder Prüfung.
Checke ist online und wird benutzt. Wer sich registriert, wählt seine Hochschule, legt seine Prüfungen an und fängt an zu kreuzen. Der Rest ergibt sich aus der Schleife.
Für mich ist es der Beweis in eigener Sache: Ich baue nicht nur Websites für andere, sondern ganze Anwendungen – vom ersten Gedanken bis zum laufenden Betrieb.
Meine Rolle
- Produktidee, Konzept und Design
- Frontend, Backend und Datenmodell
- PWA, Sicherheit und Deployment
- Laufender Betrieb: Datenbank, Backups, Updates
Kontakt
Web-App in Auftrag geben
Checke ist ein eigenes Produkt, von der Idee bis zum Betrieb. Vergleichbare Anwendungen setze ich auch für Kunden um.