Experimento
1 / 4
Problema, solución y resultado.
El problema
Un gimnasio necesitaba una forma simple de llevar el control de sus planes, alumnos inscritos y cupos disponibles, sin depender de planillas sueltas o anotaciones manuales.
La solución
Un sitio con landing pública y un panel de administración aparte: la landing muestra los planes disponibles y permite inscribir alumnos directamente, mientras que el dashboard centraliza la gestión completa — planes, alumnos y un sistema de ejercicios con registro de peso por alumno. Los datos se guardan en el navegador con localStorage, sin necesidad de un servidor o base de datos externa.
El resultado
- En uso activo por el entrenador del gimnasio desde su implementación
- Reemplazo de planillas y anotaciones manuales por un sistema centralizado
- Visibilidad inmediata de cupos disponibles por plan
- Registro histórico de peso por alumno en cada ejercicio
Qué demuestra
- Manejo de localStorage como base de datos del lado del cliente
- Cálculo dinámico de cupos restantes por plan
- Construcción de modales y formularios propios sin librerías externas
- Organización de una landing pública separada de un panel administrativo
Qué hace cada módulo.
Landing pública
Muestra métricas generales y la lista de planes disponibles, con la opción de inscribir un alumno directamente desde ahí.
Gestión de planes
Crear, editar y eliminar planes del gimnasio, cada uno con precio, cupos totales y descripción.
Gestión de alumnos
Listado de alumnos inscritos con ver detalle, editar datos (fecha de ingreso, fecha de pago, estado) y eliminar.
Registro de ejercicios
Creación de ejercicios y registro del peso levantado por cada alumno en cada uno, con historial editable.
Cómo se construyó.
Diseño de la landing pública
Se construyó la página principal con las métricas generales y el listado de planes, pensada para que cualquier visitante vea la oferta del gimnasio de forma clara.
Sistema de planes y alumnos
Se implementó la lógica de inscripción: cada plan con cupos limitados, y el cálculo automático de cupos restantes según los alumnos ya inscritos.
Panel de administración
Se separó la gestión en un dashboard aparte, con vistas dedicadas para planes, alumnos inscritos y sus datos de ingreso y pago.
Sistema de ejercicios
Se agregó un módulo adicional para registrar ejercicios y llevar el historial de peso levantado por cada alumno, ampliando el sistema más allá de la gestión administrativa básica.
Tecnologías usadas.
Mejoras futuras planeadas.
Backend real con base de datos
Migrar de localStorage a una base de datos en servidor, para que los datos no dependan de un solo navegador y se puedan respaldar.
Login con roles
Acceso diferenciado para el entrenador y posibles administradores adicionales.
Notificaciones de vencimiento
Aviso automático cuando se acerca la fecha de pago o vencimiento del plan de un alumno.
Reportes y estadísticas
Gráficos de ingresos, alumnos activos por plan y evolución de peso por ejercicio.
¿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.