MarketplaceGimnasios y estudios de fitness

App de gimnasio

Una web y un sistema de reservas para un gimnasio o estudio de fitness pequeño. Los socios eligen un plan, el estudio lo activa en cuanto está pagado y reservan sus clases en un horario de 14 días que muestra las plazas libres. El equipo lleva el día desde una sola administración: solicitudes por activar, las clases de hoy con check-in, el horario de la semana, los socios y los planes. La interfaz está en inglés y rumano; las clases, los entrenadores y los planes se introducen una sola vez, en el idioma del estudio.

Conseguir esta app
  • Incluida en los planes Starter y Pro
  • Una copia exacta de toda la aplicación
  • Frontend, backend y datos incluidos
  • Tuya para quedártela y cambiarla en tu propio repositorio
  • Multiidioma, para el país que necesites
Portada de inicio con los datos del estudio
Portada de inicio
páginas en la web
7
pantallas de administración
7
workflows de backend
10
tablas de datos
8
días de horario para reservar
14
Pensada para
  • Gimnasios y estudios de fitness pequeños con un horario semanal de clases
  • Estudios de boxeo, ciclo indoor, yoga, pilates y fuerza con clases de grupo de aforo limitado
  • Estudios que cobran en recepción o por transferencia
  • Agencias que montan una web de reservas para un cliente del mundo fitness
Todas las pantallas

Míralo como lo ven los socios y el estudio

Parece un gimnasio, no una plantilla

  • Portada a pantalla completa con un titular de cartel y los datos del estudio
  • Próximas clases, con las plazas libres y un botón para reservar
  • Mosaico de clases, entrenadores en blanco y negro que se tiñen de color al pasar por encima, y los planes
  • Preguntas frecuentes y un bloque de visita con la dirección y el horario
Portada de inicio con los datos del estudio

1 / 7Portada de inicio con los datos del estudio

Del plan a la clase

El servidor comprueba cada reserva

Solo se reserva con un plan activo, dentro de su límite semanal y mientras queden plazas.

  1. Solicitada
  2. Activa
  3. Reservada
  4. Asistió
Mi entrenamiento mientras el plan espera el pago
Qué recibes

Toda la aplicación, tal cual

Web

  • Inicio
  • Horario
  • Clases
  • Entrenadores
  • Membresías
  • Cuenta, iniciar sesión y crear cuenta
  • Mi entrenamiento

Administración

  • Hoy
  • Horario
  • Socios
  • Membresías
  • Clases y entrenadores
  • Planes
  • Ajustes

Backend

  • 10 workflows para la web, el inicio de sesión, las reservas, las membresías y la administración
  • 8 tablas: usuarios, ajustes, tipos de clase, entrenadores, sesiones, reservas, planes, membresías
  • 5 clases, 4 entrenadores y 4 planes de ejemplo

Tecnología

  • React 18, Tailwind CSS, componentes al estilo shadcn, iconos Lucide
  • Contraseñas guardadas como hashes; el inicio de sesión usa tokens firmados que duran 7 días
  • Los datos y cambios de administración exigen una cuenta de administración, comprobada en el servidor
  • Membresía, plazas, límite semanal, plazo de reserva, plazo de cancelación y momento del check-in comprobados en el servidor
  • Interfaz en inglés y rumano, con fechas, números y precios en el formato de cada idioma
En la administración

Cámbialo sin tocar código

  • Nombre del estudio, lema, dirección, contacto, moneda, zona horaria, barra de avisos y horario
  • El plazo de cancelación y con cuántos días de antelación se puede reservar
  • Cada tipo de clase, entrenador, plan y clase del horario
En el código

Un retoque rápido para hacerla tuya

  • El titular y la introducción de la página de inicio
  • El bloque de «tres pasos»
  • Las preguntas y respuestas
  • Las introducciones de las páginas
  • Los colores y las tipografías
  • Cualquier texto de la interfaz, en los archivos de idioma de inglés y rumano
Puesta en marcha

Siete pasos hasta tu propio estudio

Vas a necesitar

  • Una cuenta de Ubex, donde se ejecutan los workflows y las tablas de la app
  • Tus propias fotos del estudio y de los entrenadores, publicadas en una dirección web
  1. Añade tu propio JWT_SECRET.
  2. Pon la dirección de la app en los orígenes permitidos de los workflows.
  3. Borra de las tablas los socios, membresías y reservas de demostración.
  4. Publica la app en un subdominio o un dominio propio.
  5. Crea la primera cuenta. Será la de administración.
  6. Introduce en Ajustes los datos del estudio, la zona horaria y las reglas de reserva.
  7. Sustituye las clases, entrenadores y planes de ejemplo, y añade tu horario en Horario.
Conviene saberlo

Lo que no hace

Mejor saberlo ahora que después. Cualquiera de estas cosas puedes añadirla tú: el código es tuyo para cambiarlo.

  • Sin pago onlineLos socios pagan en recepción o por transferencia, y el estudio activa el plan.
  • Sin correos ni SMSSin confirmaciones ni recordatorios, y a los socios no se les avisa si se cancela una clase.
  • Sin recuperar contraseñaQuien olvida su contraseña pregunta en recepción.
  • Sin lista de esperaCuando una clase se llena, está llena.
  • Sin bonos de clasesSin créditos: los planes tienen un límite semanal o son ilimitados.
  • Sin clases sueltasPara reservar hacen falta una cuenta y un plan activo.
  • Sin horario automáticoLas clases solo se repiten si se crean con «repetir cada semana», hasta 12 semanas.
  • Sin reembolsosCancelar una membresía no cancela las clases ya reservadas.
  • Sin subida de fotosLas fotos de clases y entrenadores se ponen con una dirección web.
  • Sin reseñas ni exportaciónSin reseñas de socios y sin exportación de datos.
  • Un estudio, una monedaUn estudio y una moneda.
  • Semanas contadas por fechaLos límites semanales van de lunes a domingo por fecha, no según la medianoche local del estudio.
  • La última plazaSi dos personas reservan la última plaza en el mismo instante, no hay una protección atómica.
  • Contenido en un solo idiomaLa interfaz cambia entre inglés y rumano, pero los nombres y descripciones de clases, entrenadores y planes, lo que incluye cada plan y la barra de avisos se introducen una vez, en el idioma del estudio, y no se traducen.

Todo lo que aparece en estas pantallas es inventado: Forge Studio, su dirección, correo y teléfono, sus entrenadores y socios, las reservas y las cifras de ingresos. Las fotos son provisionales y proceden de Unsplash. No forman parte de la app, así que sustitúyelas por las tuyas.

Abre el horario de tu estudio

Consigue una copia exacta, ponle tu nombre y hazla tuya.