Super Kitobxon

Super Kitobxon — çevrimiçi hızlı okuma okulu platformu: kurslar ve korumalı video dersler, 32 interaktif egzersiz aracı (Schulte tablosu, RSVP ve diğerleri), mentörlü gruplar, kitaplar, ilerleme grafikleri ve Click/Payme ödemeleri.

Super Kitobxon bir çevrimiçi hızlı okuma okuludur: öğrenci kurs satın alır, video dersleri ve alıştırmaları tamamlar, her gün egzersiz araçlarıyla çalışır ve sonuçlarını grafiklerde takip eder. Platformun frontend'ini — öğrenci uygulamasını ve yönetim panelini — ben geliştirdim.

Öğrenci için

• Kurslar: katalog, karşılaştırma ve filtreler, kayıt; ders ağacı ve metin, dosya, test ve alıştırmalar içeren ders oynatıcısı.
• 32 egzersiz aracı, 7 kategoride: Schulte tablosu, RSVP okuyucu, WPM testi, zikzak, Spritz ve blok yöntemleri, «perde» okuma ve diğerleri; ardışık egzersiz programları ve sonuç geçmişi.
• İlerleme: 7, 30, 90 ve 365 günlük grafikler ve istatistik kartları.
• Gruplar ve kitaplar: mentörlü gruplar, PDF okuyucu ve ses oynatıcılı kütüphane.
• Odak araçları: zamanlayıcı, metronom ve arka plan müziği.
• SMS koduyla kayıt, cihaz oturumlarının yönetimi; Click ve Payme ile ödeme.

Yönetim paneli

Kurslar, bölümler, dersler, videolar, testler, alıştırmalar, kullanıcılar, gruplar, kitaplar, müzik ve egzersiz içeriğinin (kelimeler, metinler, görseller) yönetimi; manuel kursa kayıt ve uygulama içi çeviri editörü.

Teknik çözümler

• Egzersiz kayıt defteri: her egzersiz aracı ihtiyaç duyulduğunda yüklenir (lazy), backend yalnızca listeyi yapılandırır — API çalışmasa bile yerel listeyle çalışır.
• Ortak egzersiz ortamı: ses, tam ekran, hız, sekme gizlendiğinde duraklatma ve sonucu tek tip formatta döndürme; alıştırma sonucu 0–1 oranında, yöneticinin belirlediği puana göre değerlendirilir.
• Hassas zamanlayıcı: süre setInterval sayacından değil, Date.now() farkından hesaplanır — yavaş cihazlarda bile şaşmaz.
• Video koruması: kullanıcı ve oturum ID'li hareketli filigran ve imzalı cookie ile erişim.
• Yeni sürüm: her 10 dakikada yeni build kontrol edilir ve bir sonraki sayfa geçişinde güncellenir — asla alıştırmanın ortasında değil.
• Tipli API: tipler backend'in OpenAPI şemasından üretilir; 4 dil, Kiril metin Özbekçe Latin metinden otomatik oluşturulur; 62 test dosyası.

Rolüm

Frontend tamamen bende: 43 sayfa, 246 bileşen ve 32 egzersiz aracı. Backend (Django) ayrı bir ekipte.

Sonuç

Öğrenci kursu, alıştırmaları ve günlük egzersizleri tek platformda yapar ve okuma hızının nasıl arttığını grafikte görür.