CursoVisor es una aplicación de escritorio construida con Electron y React que organiza y reproduce cursos guardados en el disco. Nació de un problema propio: carpetas con cientos de videos sueltos, sin progreso, sin orden y sin manera de retomar donde se quedó.
El problema
Un curso descargado suele ser un árbol de carpetas con nombres inconsistentes. El reproductor del sistema no sabe qué módulo sigue, no recuerda el minuto en que quedaste y no distingue un video visto de uno pendiente.
Cómo está construido
La aplicación combina un proceso principal de Electron con acceso al sistema de archivos, un servidor Express local que sirve el contenido, y una interfaz en React. Separar el servidor del proceso de la ventana permitió reutilizar la misma lógica de catálogo si algún día se ejecuta en el navegador.
- Electron para el acceso nativo al disco y el empaquetado.
- Express para servir los archivos con soporte de rangos, necesario para adelantar y retroceder el video.
- React con TypeScript para la interfaz y el estado del reproductor.
- Persistencia local del progreso, sin cuentas ni servidor remoto.
Qué aprendí
Servir video local no es solo devolver un archivo: sin peticiones por rango, la barra de progreso no funciona. Fue el detalle que más tiempo tomó y el que más cambió la experiencia final.