Zwei Apps. Von der ersten Zeile bis in den Store.
Habloo und Davaigo sind unsere eigenen Sprach-Apps: entworfen, entwickelt, betrieben und veröffentlicht von Klarwerk. Mit Spielen, Liga, Duellen und einer Lern-Analyse – und mit allem, was dahinter nötig ist: Server, Datenbank, Anmeldung, Bezahlung, KI, Sicherheit und Deployment.
Was drinsteckt
Spiele, Liga, Interaktivität und Analytics.
Vier Bereiche, die aus einem Vokabeltrainer eine App machen, die man gern wieder öffnet – und was technisch jeweils dahintersteht.
01 · Spiele
Spiele, die wirklich lernen lassen.
Memory, Wortpaare, Wortsuche, Blitzrunde, Galgenmännchen und Buchstabensalat: Die Spiele sind kein Zeitvertreib neben dem Vokabeltrainer, sondern ein Teil davon.
- Sie nehmen bevorzugt die Wörter, die als Nächstes zur Wiederholung dran wären.
- Wer ein Wort im Spiel wiedererkennt, schiebt es im Karteikasten eine Stufe weiter.
- Jeder Treffer gibt sichtbar Punkte: Die Belohnung poppt direkt am Spielfeld auf.
Dahinter: React-Komponenten je Spiel, ein gemeinsamer Wiederholungs-Algorithmus mit sieben Stufen, Punktelogik an einer Stelle für alle Spiele.
02 · Liga & Duelle
Eine Liga, in der man Freunde überholt.
Die Rangliste zeigt die besten zehn nach Punkten, für Woche, Monat, Jahr oder insgesamt, auf Wunsch nur unter Freunden. Dazu Duelle: sieben Fragen, zehn Sekunden je Frage, jeder spielt, wann er will.
- Podium, Level-Embleme und Tagesserie für jede Person in der Liste.
- Freunde einladen, Profile ansehen, sehen, wer gerade online ist.
- Blockieren und Melden gehören dazu, mit geprüften Benutzernamen.
Dahinter: Datenbank-Funktionen in PostgreSQL liefern nur, was öffentlich sein soll – keine E-Mail, keine interne Kennung. Wer online ist, läuft über Echtzeit-Kanäle statt über eine Spalte, die jemand aufräumen müsste.
03 · Interaktivität
Alles reagiert. Nichts ist nur Text.
Lernen bleibt nur hängen, wenn man etwas tut. Deshalb ist in beiden Apps fast jedes Element zum Anfassen gebaut.
- In Videos ist jedes Wort antippbar und landet mit einem Tippen im Trainer.
- Punkte, Level, Meilensteine und eine tägliche Serie machen Fortschritt sichtbar.
- Gespräche mit einer KI-Trainerin, die danach die eigenen Fehler erklärt.
- Kurze Klänge und Animationen bei Treffer, Fehler und Erfolg.
Dahinter: Fortschritt wird zuerst auf dem Gerät gespeichert und dann mit dem Konto abgeglichen. So reagiert die App sofort, auch bei schlechtem Netz.
04 · Analytics
Eine Lernkurve, die ehrlich misst.
Die Analyse zeigt pro Tag, was gelernt wurde: Wörter, Sätze, Lektionen, Texte, Video-Minuten und Lernzeit, für Woche, Monat oder Jahr. Der Kalender zeigt jede aktive Tagesserie.
- Lernzeit zählt nur, wenn die App sichtbar ist und wirklich etwas passiert.
- Der Verlauf reist mit dem Konto: Was am Handy gelernt wurde, steht auch am Laptop.
- Zum Jahresende gibt es einen Rückblick als Bild zum Teilen.
Dahinter: Beim Zusammenführen zweier Geräte gewinnt je Tag der höhere Wert, so geht nichts verloren. Die Reichweitenmessung im Web lädt erst nach Einwilligung und in der Store-App gar nicht.
Zum Ausprobieren
Spiel, Liga, Lernkurve: so hängt es zusammen.
Decken Sie zwei passende Karten auf. Jedes Paar gibt Punkte, die Punkte bewegen Sie in der Liga, und der Tag wächst in der Lernkurve. Genau diese Kette läuft in den Apps.
1Spiel
Finden Sie die sechs Paare.
2Liga
- 1sofia_lernt2.480 XP
- 2tom.es2.310 XP
- 3ana_m1.990 XP
- 4Sie1.940 XP
- 5lukas221.670 XP
Beispieldaten, keine echten Nutzer.
3Lernkurve
Wörter pro Tag, Beispielwoche.
Unter der Haube
Full-Stack heißt: alles davon.
Eine App im Store ist nur die sichtbare Spitze. Diese acht Bereiche haben wir für Habloo und Davaigo geplant, gebaut und betreiben sie selbst.
Frontend & App
Eine Codebasis für Browser, iPhone und Android, zweisprachig auf Deutsch und Englisch.
- React
- Vite
- Capacitor
Backend & Server
Eigene Schnittstelle für Videos, KI, Abos und Mails, als Container auf einem eigenen Server.
- Node.js
- Express
- Docker
- Caddy
Datenbank
Konten, Fortschritt, Vokabeln, Freunde und Duelle, dazu Speicher für Vertonungen.
- PostgreSQL
- Supabase
- SQL-Funktionen
Authentifizierung
Anmeldung per E-Mail, Google und Apple, mit Rücksprung in die App über ein eigenes Adress-Schema.
- OAuth
- Sitzungs-Token
- App-Links
Bezahlung & Abos
Abos im Web und als In-App-Kauf bei Apple und Google, zusammengeführt zu einem Status im Konto.
- Stripe
- RevenueCat
- Webhooks
KI-Integration
Texte, Erklärungen und Sprach-Gespräche, dazu tausende vertonte Hörbeispiele.
- Claude
- OpenAI
- ElevenLabs
Sicherheit
Zugriffsregeln je Datensatz in der Datenbank, Schlüssel nur auf dem Server, geprüfte Webhooks und serverseitig gezählte Kontingente.
- Row Level Security
- Signaturen
- Kontingente
Deployment & Stores
Neuer Code baut und startet automatisch auf dem Server. Store-Versionen, Screenshots und Einreichungen laufen über die Schnittstellen der Stores.
- GitHub
- Coolify
- App Store Connect
- Google Play
Systemdesign
Was passiert, wenn jemand tippt?
Vier Abläufe aus den Apps, Schritt für Schritt. Wählen Sie einen aus und sehen Sie, welche Teile des Systems zusammenarbeiten.
Die Apps
Habloo und Davaigo, live in den Stores.
Habloo
Spanisch lernen mit echten Videos, Vokabeltrainer, Spielen und Liga.
- Lektionen
- 150
- Lektionen
- Module
- 7
- Module
- Spiele
- 6
- Spiele
Davaigo
Russisch lernen von Kyrillisch bis zum Gespräch, komplett vertont.
- Lektionen
- 180
- Lektionen
- Vokabeln im Kurs
- 1.797
- Vokabeln im Kurs
- Hörbeispiele
- 4.178
- Hörbeispiele
Häufige Fragen
Fragen zur App-Entwicklung
Zwei eigene Sprach-Apps: Habloo zum Spanischlernen und Davaigo zum Russischlernen. Beide sind im App Store erhältlich, Habloo zusätzlich bei Google Play. Konzept, Design, Entwicklung und Betrieb liegen bei Klarwerk.
Im Frontend mit React und Vite, verpackt mit Capacitor für iPhone und Android. Dahinter laufen ein eigener Node.js-Server in Docker, eine PostgreSQL-Datenbank über Supabase, Stripe und RevenueCat für die Abos sowie KI-Dienste von Anthropic, OpenAI und ElevenLabs.
Vokabelspiele wie Memory, Wortpaare und Blitzrunde, eine Rangliste mit Freunden, Duelle mit sieben Fragen, Meilensteine, Tagesserien und eine Lernkurve, die den eigenen Fortschritt zeigt.
Ja. Was wir bei den eigenen Apps gelernt haben, bringen wir in Kundenprojekte ein: Web-Apps, Lernplattformen, Kundenportale und Apps für den App Store und Google Play.
Leistung App-Entwicklung ansehenHabloo und Davaigo betreiben wir selbst weiter: Server, Datenbank, Updates und neue Store-Versionen. Auf Wunsch übernehmen wir das auch für Ihre App, damit sie nach dem Start nicht stehen bleibt.
Sie planen eine App oder eine Plattform?
Beschreiben Sie in ein paar Sätzen, was sie können soll. Sie bekommen eine ehrliche Einschätzung zu Umfang, Technik und Aufwand – von einem Team, das den ganzen Weg schon zweimal gegangen ist.
Unverbindlich · 30 Minuten · klarer Plan