Ein Verwaltungssystem, das ich allein für eine Englischschule entworfen und gebaut habe, über sechzehn Monate und 419 Commits. Es hat die Schule über ein Jahr lang getragen; im August 2026 habe ich die Arbeit daran unterbrochen und nehme sie in den Ferien wieder auf. Die Anmeldung füllt das Vertrags-PDF direkt im Browser aus, Verträge gehen zur elektronischen Signatur, deren Status per Webhook verfolgt wird, die Schule erreicht Familien per Web-Push, und der Stundenplan ist ein Board mit Drag-and-drop. Marke und Daten der Schule bleiben privat — die Demo unten ist deshalb dasselbe Dashboard, nachgebaut mit neutraler Marke und erfundenen Daten, von vorne bis hinten klickbar.
01 / DAS PROBLEM
Die Anmeldung hing an einem Drucker und einem WhatsApp-Chat.
Eine Englischschule wickelte Anmeldungen so ab wie die meisten kleinen Schulen: ein Vertrag, von Hand ausgefüllt, ausgedruckt, unterschrieben, wann immer ein Elternteil zufällig vorbeikam, und per WhatsApp nachgefordert, wenn nicht. Der Stundenplan lag in einer Tabelle, Mitteilungen gingen Chat für Chat hinaus, und niemand hatte einen Überblick, wer angemeldet war, wer unterschrieben hatte und wessen Unterschrift noch fehlte.
Ich habe das System gebaut, das diese Routine ersetzt hat — und habe sechzehn Monate lang daran weitergebaut.
02 / DIE UMSETZUNG
Eine Anmeldung, die ihren eigenen Vertrag ausfüllt.
Das Vertrags-PDF wird im Browser ausgefüllt. Die Daten aus dem Anmeldeformular landen über pdf-lib im echten Vertrag — kein Abtippen, keine Vorlage, die veraltet. Das Dokument geht dann zur elektronischen Signatur, und ein Webhook ändert den Status im Panel, sobald es unterschrieben zurückkommt.
Web-Push, um Familien zu erreichen. Mitteilungen gehen als Push-Benachrichtigung hinaus statt als weitere WhatsApp-Nachricht, die im Chat untergeht.
Ein Stundenplan per Drag-and-drop. Kurse wandern per Ziehen zwischen Räumen und Zeitfenstern, und der Plan lässt sich drucken und exportieren, für die Wand neben dem Empfang.
Darunter: React mit TypeScript, Postgres mit Drizzle ORM und nummerierten Migrationen, und eine Regressionssuite in Playwright, die gegen eine Testdatenbank mit Beispieldaten läuft.
03 / SECHZEHN MONATE
419 Commits, April 2025 bis August 2026.
Das ist der Teil, den eine Demo nicht vortäuschen kann. Das Repository enthält 419 Commits über sechzehn Monate — am Ende rund 50.000 Zeilen —, und der Verlauf liest sich wie der eines echten Produkts: zuerst die Anmeldung, dann Verträge und Signatur, dann der Stundenplan, dann Push. Schemaänderungen kamen als Migrationen; die wichtigen Abläufe sind durch End-to-End-Tests abgedeckt.
Ein System sammelt nur dann sechzehn Monate Commits an, wenn es genutzt wird, und dieses wurde genutzt — echte Anmeldungen, echte unterschriebene Verträge, ein echter Stundenplan an einer echten Wand.
04 / DIE DEMO
Dasselbe Dashboard, mit neutraler Marke.
Marke und Daten gehören der Schule, deshalb ist die Version, die Sie hier öffnen können, ein Nachbau des Dashboards mit neutraler Marke und erfundenen Daten. Dieselben Ansichten, dieselbe Dichte: drei Zugriffsrollen (Leitung, Koordination, Empfang), fünf Live-Diagramme, Import aus Tabellen und ein helles und dunkles Theme, animiert mit der View Transitions API.
Die ganze Demo ist eine einzige HTML-Datei. Sie öffnet sich auf dem Handy, braucht kein Login und keine Installation — genau darum geht es: Das echte System existiert, und dies ist der Teil davon, den ich Ihnen als Link geben kann.
Codezeilen
~50k
Commits
419
Monate Entwicklung
16
Demo
1 HTML
