Super Kitobxon

Super Kitobxon – Plattform einer Online-Schnelllese-Schule: Kurse und geschützte Videolektionen, 32 interaktive Trainer (Schulte-Tabelle, RSVP u. a.), Gruppen mit Mentoren, Bücher, Fortschrittsdiagramme und Zahlungen über Click/Payme.

Super Kitobxon ist eine Online-Schule für Schnelllesen: Lernende kaufen einen Kurs, absolvieren Videolektionen und Übungen, trainieren täglich mit den Trainern und verfolgen ihre Ergebnisse in Diagrammen. Ich habe das Frontend der Plattform gebaut – die Lern-App und das Admin-Panel.

Für Lernende

• Kurse: Katalog, Vergleich und Filter, Einschreibung; Lektionsbaum und Lektions-Player mit Text, Dateien, Tests und Übungen.
• 32 Trainer in 7 Kategorien: Schulte-Tabelle, RSVP-Reader, WPM-Test, Zickzack-, Spritz- und Blockmethode, „Vorhang“-Lesen und mehr; aufeinanderfolgende Trainingsprogramme und Ergebnisverlauf.
• Fortschritt: Diagramme für 7, 30, 90 und 365 Tage sowie Statistikkarten.
• Gruppen und Bücher: Gruppen mit Mentoren, Bibliothek mit PDF-Reader und Audioplayer.
• Fokus-Tools: Timer, Metronom und Hintergrundmusik.
• Registrierung per SMS-Code, Verwaltung von Gerätesitzungen; Zahlung über Click und Payme.

Admin-Panel

Verwaltung von Kursen, Abschnitten, Lektionen, Videos, Tests, Übungen, Nutzern, Gruppen, Büchern, Musik und Trainerinhalten (Wörter, Texte, Bilder); manuelle Kurseinschreibung und ein In-App-Übersetzungseditor.

Technische Lösungen

• Trainer-Registry: Jeder Trainer wird bei Bedarf geladen (lazy), das Backend konfiguriert nur die Liste – fällt die API aus, läuft alles mit der lokalen Liste weiter.
• Gemeinsame Trainer-Umgebung: Ton, Vollbild, Tempo, Pause bei verborgenem Tab und Rückgabe des Ergebnisses in einheitlichem Format; Übungsergebnisse als Anteil 0–1, bewertet nach den vom Admin festgelegten Punkten.
• Präziser Timer: Die Zeit wird nicht aus setInterval-Ticks, sondern aus der Date.now()-Differenz berechnet – sie driftet auch auf langsamen Geräten nicht.
• Videoschutz: bewegtes Wasserzeichen mit Nutzer- und Sitzungs-ID sowie Zugriff über ein signiertes Cookie.
• Neue Version: Alle 10 Minuten wird auf einen neuen Build geprüft und beim nächsten Seitenwechsel aktualisiert – nie mitten in einer Übung.
• Typisierte API: Typen werden aus dem OpenAPI-Schema des Backends generiert; 4 Sprachen, kyrillischer Text wird automatisch aus dem usbekischen Latein erzeugt; 62 Testdateien.

Meine Rolle

Das Frontend liegt komplett bei mir: 43 Seiten, 246 Komponenten und 32 Trainer. Das Backend (Django) verantwortet ein separates Team.

Ergebnis

Lernende absolvieren Kurse, Übungen und tägliches Training auf einer Plattform und sehen im Diagramm, wie ihre Lesegeschwindigkeit wächst.