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: типы генерируются из OpenAPI-схемы backend'а; 4 языка, кириллический текст автоматически создаётся из узбекской латиницы; 62 тестовых файла.

Моя роль

Frontend полностью на мне: 43 страницы, 246 компонентов и 32 тренажёра. Backend (Django) — у отдельной команды.

Результат

Ученик проходит курс, упражнения и ежедневные тренировки на одной платформе и видит на графике, как растёт его скорость чтения.