Super Kitobxon

Super Kitobxon — онлайн жылдам оқу мектебінің платформасы: курстар мен қорғалған бейнесабақтар, 32 интерактивті тренажёр (Schulte кестесі, RSVP және т.б.), менторлы топтар, кітаптар, прогресс графиктері және Click/Payme төлемдері.

Super Kitobxon — онлайн жылдам оқу мектебі: оқушы курс сатып алады, бейнесабақтар мен жаттығулардан өтеді, күн сайын тренажёрларда жаттығады және нәтижесін графиктерден бақылайды. Мен платформаның frontend бөлігін — оқушы қосымшасы мен админ панельді — жасадым.

Оқушыға арналған

• Курстар: каталог, салыстыру және сүзгілер, жазылу; сабақтар ағашы және мәтін, файлдар, тесттер мен жаттығулары бар сабақ плеері.
• 32 тренажёр 7 санатта: Schulte кестесі, RSVP оқу құралы, WPM тест, зигзаг, Spritz және блок әдістері, «перде» оқу және басқалар; тізбекті тренажёр бағдарламалары және нәтижелер тарихы.
• Прогресс: 7, 30, 90 және 365 күндік графиктер мен статистика карталары.
• Топтар мен кітаптар: менторлы топтар, PDF оқу құралы мен аудиоплеері бар кітапхана.
• Фокус құралдары: таймер, метроном және фондық музыка.
• SMS кодпен тіркелу, құрылғы сессияларын басқару; Click және Payme арқылы төлем.

Админ панель

Курстарды, бөлімдерді, сабақтарды, бейнелерді, тесттерді, жаттығуларды, пайдаланушыларды, топтарды, кітаптарды, музыканы және тренажёр контентін (сөздер, мәтіндер, суреттер) басқару; курсқа қолмен жазу және қосымша ішіндегі аударма редакторы.

Техникалық шешімдер

• Тренажёрлар тізілімі: әр тренажёр қажет болғанда жүктеледі (lazy), backend тек тізімді баптайды — API істемесе де, жергілікті тізіммен жұмыс істейді.
• Ортақ тренажёр ортасы: дыбыс, толық экран, жылдамдық, қойынды жасырылғанда кідірту және нәтижені бірыңғай форматта қайтару; жаттығу нәтижесі 0–1 үлесінде, админ белгілеген балл бойынша бағаланады.
• Дәл таймер: уақыт setInterval санағынан емес, Date.now() айырмасынан есептеледі — баяу құрылғыларда да жаңылмайды.
• Бейне қорғауы: пайдаланушы мен сессия ID-і бар қозғалмалы су белгісі және қол қойылған cookie арқылы кіру.
• Жаңа нұсқа: әр 10 минут сайын жаңа build тексеріледі және келесі бет ауысқанда жаңартылады — ешқашан жаттығудың ортасында емес.
• Типтелген API: типтер backend-тің OpenAPI схемасынан генерацияланады; 4 тіл, кирилл мәтіні өзбек латынынан автоматты түрде жасалады; 62 тест файлы.

Менің рөлім

Frontend толығымен менде: 43 бет, 246 компонент және 32 тренажёр. Backend (Django) бөлек командада.

Нәтиже

Оқушы курсты, жаттығуларды және күнделікті тренажёрды бір платформада орындайды және оқу жылдамдығының қалай өсіп жатқанын графиктен көреді.