Das Problem
Tipptrainer sind seit 1995 nicht weiterentwickelt worden. Man tippt „asdf jklo“ hundert Mal und fragt sich, warum man das nicht einfach lassen kann. Die Motivation halt genau so lange, bis der erste Satz „Der schnelle braune Fuchs“ erscheint. Dann schliesst man das Fenster und macht etwas Sinnvolles.
Die Idee war simpel: Was, wenn man stattdessen uber Themen tippt, die einen tatsachlich interessieren? Astronomie, Kochen, Geschichte, Programmierung — egal was. Die KI generiert den Text, Sie tippen ihn ab, und am Ende haben Sie nicht nur schneller getippt, sondern auch etwas gelernt.
Die Losung
KI-generierte Lektionen
Geben Sie ein Thema ein — „Japanische Teezubereitung“, „Warum der Himmel blau ist“, „Die Geschichte der Schreibmaschine“ — und Gemini 2.5-flash erzeugt einen perfekt formatierten Ubungstext. Kein Thema zu absurd.
Sichere API-Architektur
Der Gemini API-Key liegt auf dem Express-Backend. Das Frontend sieht ihn nie. Klingt selbstverstandlich? Sie wurden staunen, wie viele Apps ihren API-Key im Browser-JavaScript haben. Bei uns: null.
Virtuelle Tastatur
Farbcodiert nach Fingerzonen fur Touch-Typing-Visualisierung. Der nachste zu tippende Buchstabe wird hervorgehoben. Fehler werden sofort markiert. Man sieht in Echtzeit, wo die Finger sein sollten.
Konfetti als Belohnung
Lektion abgeschlossen? Drei-Burst-Konfetti-Animation. Weil positive Verstarkung funktioniert — fragen Sie jeden Psychologen. Oder jeden Hund.
Technische Details, die niemand sieht (aber die wichtig sind)
Text-Normalisierung fur KI-Output (smarte Anfuhrungszeichen und Gedankenstriche von Gemini mussen in Standard-Zeichen konvertiert werden, sonst stimmt die Fehlererkennung nicht). LocalStorage-Caching, damit dieselbe Lektion nicht zweimal generiert wird. Rate-Limiting: 2 Gratis-Lektionen, dann E-Mail-Registrierung. Mobile-Erkennung: Auf dem Handy macht eine virtuelle Tastatur-Anzeige keinen Sinn, also wird sie ausgeblendet.
Das sind die Details, die den Unterschied machen zwischen „funktioniert technisch“ und „funktioniert fur echte Menschen“.
Das Wichtigste
Die beste Technologie ist die, die man nicht bemerkt. Der Nutzer tippt, lernt und hat Spass. Dass im Hintergrund ein Express-Proxy den API-Key schutzt, Gemini den Text normalisiert und localStorage die Lektionen cached — das muss niemand wissen. Ausser Sie lesen gerade diese Case Study. Dann wissen Sie es jetzt.