Super Kitobxon

Super Kitobxon — plataforma de una escuela de lectura rápida en línea: cursos y videolecciones protegidas, 32 entrenadores interactivos (tabla de Schulte, RSVP y más), grupos con mentores, libros, gráficos de progreso y pagos con Click/Payme.

Super Kitobxon es una escuela de lectura rápida en línea: el alumno compra un curso, completa videolecciones y ejercicios, practica a diario con los entrenadores y sigue sus resultados en gráficos. Desarrollé el frontend de la plataforma: la app del alumno y el panel de administración.

Para el alumno

• Cursos: catálogo, comparación y filtros, inscripción; árbol de lecciones y reproductor de lecciones con texto, archivos, tests y ejercicios.
• 32 entrenadores en 7 categorías: tabla de Schulte, lector RSVP, test WPM, métodos en zigzag, Spritz y por bloques, lectura «de cortina» y más; programas de entrenamiento secuenciales e historial de resultados.
• Progreso: gráficos de 7, 30, 90 y 365 días y tarjetas de estadísticas.
• Grupos y libros: grupos con mentores, biblioteca con lector de PDF y reproductor de audio.
• Herramientas de concentración: temporizador, metrónomo y música de fondo.
• Registro con código SMS, gestión de sesiones por dispositivo; pago con Click y Payme.

Panel de administración

Gestión de cursos, secciones, lecciones, videos, tests, ejercicios, usuarios, grupos, libros, música y contenido de los entrenadores (palabras, textos, imágenes); inscripción manual a cursos y editor de traducciones integrado en la app.

Soluciones técnicas

• Registro de entrenadores: cada entrenador se carga bajo demanda (lazy), el backend solo configura la lista; aunque la API falle, funciona con la lista local.
• Entorno común de entrenadores: sonido, pantalla completa, velocidad, pausa al ocultar la pestaña y resultado devuelto en un formato único; el resultado del ejercicio es una proporción 0–1, evaluada según los puntos definidos por el admin.
• Temporizador preciso: el tiempo no se calcula con el conteo de setInterval, sino con la diferencia de Date.now(); no se desajusta ni en dispositivos lentos.
• Protección de video: marca de agua móvil con el ID de usuario y de sesión, y acceso mediante una cookie firmada.
• Nueva versión: cada 10 minutos se comprueba si hay un nuevo build y se actualiza en el siguiente cambio de página, nunca en mitad de un ejercicio.
• API tipada: los tipos se generan a partir del esquema OpenAPI del backend; 4 idiomas, el texto cirílico se genera automáticamente desde el uzbeko latino; 62 archivos de tests.

Mi rol

El frontend es íntegramente mío: 43 páginas, 246 componentes y 32 entrenadores. El backend (Django) lo lleva un equipo aparte.

Resultado

El alumno hace el curso, los ejercicios y el entrenamiento diario en una sola plataforma y ve en un gráfico cómo crece su velocidad de lectura.