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'ли ҳаракатланувчи watermark ва имзоланган cookie орқали кириш.
• Янги версия: ҳар 10 дақиқада янги build текширилади ва кейинги саҳифа алмашишда янгиланади — машқ ўртасида ҳеч қачон.
• Типланган API: типлар backend'нинг OpenAPI схемасидан генерация қилинади; 4 тил, кирилл матни ўзбек лотинидан автоматик ясалади; 62 тест файли.

Менинг ролим

Frontend тўлиқ менда: 43 саҳифа, 246 компонент ва 32 тренажёр. Backend (Django) алоҳида жамоада.

Натижа

Ўқувчи курс, машқ ва кундалик тренажёрни битта платформада бажаради ва тезлиги қандай ўсаётганини графикда кўради.