Super Kitobxon

Super Kitobxon — onlayn sürətli oxu məktəbi platforması: kurslar və qorunan video dərslər, 32 interaktiv trenajor (Schulte cədvəli, RSVP və digərləri), mentorlu qruplar, kitablar, irəliləyiş qrafikləri və Click/Payme ödənişləri.

Super Kitobxon — onlayn sürətli oxu məktəbidir: tələbə kurs alır, video dərsləri və tapşırıqları keçir, hər gün trenajorlarda məşq edir və nəticələrini qrafiklərdə izləyir. Platformanın frontend hissəsini — tələbə tətbiqini və admin paneli — mən qurdum.

Tələbə üçün

• Kurslar: kataloq, müqayisə və filtrlər, qeydiyyat; dərslər ağacı və mətn, fayllar, testlər və tapşırıqlarla dərs pleyeri.
• 32 trenajor 7 kateqoriyada: Schulte cədvəli, RSVP oxuyucu, WPM test, ziqzaq, Spritz və blok üsulları, «pərdə» oxu və digərləri; ardıcıl trenajor proqramları və nəticələr tarixçəsi.
• İrəliləyiş: 7, 30, 90 və 365 günlük qrafiklər və statistika kartları.
• Qruplar və kitablar: mentorlu qruplar, PDF oxuyucu və audio pleyerli kitabxana.
• Fokus alətləri: taymer, metronom və fon musiqisi.
• SMS kodla qeydiyyat, cihaz sessiyalarının idarəsi; Click və Payme ilə ödəniş.

Admin panel

Kursların, bölmələrin, dərslərin, videoların, testlərin, tapşırıqların, istifadəçilərin, qrupların, kitabların, musiqinin və trenajor kontentinin (sözlər, mətnlər, şəkillər) idarəsi; kursa əl ilə yazılma və tətbiqdaxili tərcümə redaktoru.

Texniki həllər

• Trenajorlar reyestri: hər trenajor lazım olduqda yüklənir (lazy), backend yalnız siyahını tənzimləyir — API işləməsə belə, lokal siyahı ilə işləyir.
• Ümumi trenajor mühiti: səs, tam ekran, sürət, tab gizlədildikdə pauza və nəticənin vahid formatda qaytarılması; tapşırıq nəticəsi 0–1 nisbətində, adminin təyin etdiyi bala görə qiymətləndirilir.
• Dəqiq taymer: vaxt setInterval sayğacından deyil, Date.now() fərqindən hesablanır — zəif cihazlarda belə yanılmır.
• Video qorunması: istifadəçi və sessiya ID'li hərəkətli watermark və imzalanmış cookie vasitəsilə giriş.
• Yeni versiya: hər 10 dəqiqədən bir yeni build yoxlanılır və növbəti səhifə keçidində yenilənir — heç vaxt tapşırığın ortasında.
• Tipli API: tiplər backend'in OpenAPI sxemindən generasiya olunur; 4 dil, kiril mətni özbək latın mətnindən avtomatik yaradılır; 62 test faylı.

Mənim rolum

Frontend tamamilə məndədir: 43 səhifə, 246 komponent və 32 trenajor. Backend (Django) ayrıca komandadadır.

Nəticə

Tələbə kursu, tapşırıqları və gündəlik trenajoru bir platformada yerinə yetirir və sürətinin necə artdığını qrafikdə görür.