Super Kitobxon

Super Kitobxon — 在线速读学校平台：课程与受保护的视频课、32 种交互式训练器（Schulte 方格表、RSVP 等）、导师带领的小组、图书、进度图表以及 Click/Payme 支付。

Super Kitobxon 是一所在线速读学校：学员购买课程，完成视频课和练习，每天在训练器上练习，并通过图表跟踪成绩。我负责构建平台的前端——学员应用和管理后台。

面向学员

• 课程：目录、对比与筛选、报名；课程树，以及包含文本、文件、测验和练习的课时播放器。
• 32 种训练器，分为 7 类：Schulte 方格表、RSVP 阅读器、WPM 测试、之字形、Spritz 和分块阅读法、“遮帘”阅读等；连续训练计划和成绩历史。
• 进度：7 天、30 天、90 天和 365 天图表以及统计卡片。
• 小组与图书：导师带领的小组，带 PDF 阅读器和音频播放器的图书馆。
• 专注工具：计时器、节拍器和背景音乐。
• SMS 验证码注册，设备会话管理；通过 Click 和 Payme 支付。

管理后台

管理课程、章节、课时、视频、测验、练习、用户、小组、图书、音乐和训练器内容（词语、文本、图片）；手动报名课程以及应用内翻译编辑器。

技术方案

• 训练器注册表：每个训练器按需加载（lazy），后端只负责配置列表——即使 API 不可用，也能依靠本地列表运行。
• 统一训练器环境：声音、全屏、速度、标签页隐藏时暂停，并以统一格式返回结果；练习结果为 0–1 的比例，按管理员设定的分值评分。
• 精确计时器：时间不是由 setInterval 计数得出，而是根据 Date.now() 差值计算——即使在慢速设备上也不会偏差。
• 视频保护：带有用户和会话 ID 的移动水印，以及通过签名 cookie 访问。
• 新版本：每 10 分钟检查一次新 build，并在下一次页面切换时更新——绝不会在练习中途更新。
• 类型化 API：类型由后端的 OpenAPI 模式生成；支持 4 种语言，西里尔文本由乌兹别克语拉丁文自动生成；62 个测试文件。

我的角色

前端完全由我负责：43 个页面、246 个组件和 32 种训练器。后端（Django）由另一个团队负责。

成果

学员在同一个平台上完成课程、练习和每日训练，并在图表中看到自己的阅读速度如何提升。