Experimento
1 / 7
Problema, solución y resultado.
El problema
GymPrime resolvía lo básico de un gimnasio (planes, alumnos, cupos), pero un entrenador real necesita mucho más: armar rutinas personalizadas por grupo muscular, hacer seguimiento de sesiones en tiempo real, registrar rendimiento, manejar pagos y documentos de cada atleta.
La solución
Un sistema con 9 módulos: Dashboard general, Plantel de atletas, Constructor de rutinas con un modelo de cuerpo humano interactivo (se toca cada músculo para asignarle ejercicios, día por día), Sesión en vivo con cronómetro para registrar series mientras se entrena, Rendimiento, Calendario, Nutrición, Pagos y Documentos. Por ahora corre completo en el navegador con localStorage, como continuación directa de GymPrime, con la meta de convertirlo en una app web o nativa real.
El resultado
- 9 módulos funcionales construidos sobre la base de GymPrime
- Constructor de rutinas visual mediante modelo de cuerpo interactivo
- Modo de sesión en vivo con cronómetro y registro en tiempo real
- Aún en desarrollo, sin publicar para uso real todavía pero con prototipo activo en github page.
Qué demuestra
- Integración de una librería externa (React + react-muscle-highlighter) sin proceso de build
- Diseño de un sistema multi-módulo con estado centralizado
- Construcción de una interfaz interactiva basada en un modelo anatómico
- Evolución iterativa de un proyecto propio (GymPrime → Fascia)
Qué hace cada módulo.
Dashboard
Resumen general con estadísticas, deportes activos, agenda y plantel.
Plantel de atletas
Listado de atletas en vista grilla o lista, con búsqueda y filtro por deporte y estado.
Constructor de rutinas
Modelo de cuerpo interactivo (frontal y posterior): se activa un día de la semana y se toca cada músculo para asignarle ejercicios.
Sesión en vivo
Modo de entrenamiento en tiempo real con cronómetro, usando el mismo modelo de cuerpo para registrar series completadas.
Rendimiento
Registro y seguimiento de métricas de cada atleta.
Calendario, nutrición, pagos y documentos
Módulos de gestión general para cada atleta: eventos, planes alimenticios, cobros y documentos asociados.
Cómo se construyó.
Punto de partida: GymPrime
Se tomó como base la lógica de gestión de alumnos y planes ya validada en GymPrime, para no partir de cero.
Diseño de los módulos
Se definieron los 9 módulos necesarios para cubrir el trabajo real de un entrenador: plantel, rutinas, sesiones, rendimiento, calendario, nutrición, pagos y documentos.
Constructor de rutinas con modelo de cuerpo
Se integró la librería react-muscle-highlighter sobre React 18, cargada directamente desde CDN sin proceso de build, para representar el cuerpo humano de forma clickeable.
Modo sesión en vivo
Se reutilizó el mismo modelo de cuerpo del constructor, pero conectado a un cronómetro y al registro de series completadas en tiempo real durante el entrenamiento.
Tecnologías usadas.
Mejoras futuras planeadas.
Backend real con base de datos
Migrar de localStorage a un servidor con base de datos, para que los datos no dependan de un solo navegador.
App web o nativa
Convertir el sistema en una aplicación instalable, ya sea web (PWA) o nativa para celular.
Publicación para uso real
Llevar el sistema a un estado estable para que un entrenador lo use en el día a día, como ya ocurre con GymPrime.
Multi-usuario y roles
Permitir que distintos entrenadores gestionen sus propios atletas dentro del mismo sistema.
¿Quieres ver más detalles de este proyecto?
Puedo ampliar cada caso con documentación, capturas adicionales, repositorio, decisiones técnicas y mejoras futuras. Escríbeme y conversamos.