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) өзүнчө командада.

Жыйынтык

Окуучу курсту, көнүгүүлөрдү жана күнүмдүк тренажёрду бир платформада аткарат жана окуу ылдамдыгы кантип өсүп жатканын графиктен көрөт.