Somos Alimac Pachuca, una agencia de marketing digital y tecnológico. Hemos desarrollado el Frontend de una aplicación SaaS para gimnasios premium. El código actual es un prototipo 100% terminado en
React.js (con Tailwind CSS y Framer Motion), por lo que no requerirás hacer trabajo de diseño ui/ux.
Buscamos a un desarrollador Fullstack de nivel avanzado para tomar este código estático, migrarlo a
Next.js, conectarlo a un backend en Supabase y desplegarlo como una Pwa.
enlace al prototipo visual:
https://react-5ty8n3oq.stackblitz.io/
(Al asignar el proyecto, entregaremos el código fuente limpio mediante repositorio para iniciar la integración inmediata).
--------------------------------------------------
alcance del proyecto (mapa de ruta en 7 fases):
fase 1: setup y migración del entorno
- migrar el código actual de react (
app.jsx estático) a un entorno de
Next.js para utilizar Server Actions y proteger las credenciales.
- Conectar el repositorio a Vercel y enlazarlo con un nuevo proyecto en Supabase.
FASE 2: Arquitectura de Base de Datos y Seguridad
- Diseñar las tablas relacionales en Supabase: Usuarios, Ejercicios, Rutinas (asignación por días) y Registro de Entrenamientos (Log).
- Configurar obligatoriamente políticas de seguridad RLS (Row Level Security) para que los usuarios solo accedan a su propia información.
FASE 3: Autenticación Passwordless y Paywall (Membresías)
- Implementar login sin contraseñas (vía Twilio o similar) enviando un PIN/Magic Link al WhatsApp o SMS del usuario, manteniendo la sesión persistente.
- Paywall: Validar la fecha de corte del usuario en la base de datos. Si está vencida, el sistema debe bloquear el Dashboard y mostrar una pantalla de "Membresía Inactiva" con un botón de redirección para pago/renovación.
FASE 4: Refactorización y Lógica de Gamificación
- Reemplazar todos los datos estáticos del prototipo por llamadas asíncronas a Supabase.
- Programar la lógica matemática en el servidor para que, al completar un ejercicio, el usuario gane Experiencia (XP), sume estadísticas (calorías/cardio) y se calculen rachas que desbloqueen medallas virtuales.
FASE 5: Integración del AI Coach
- Conectar la pestaña de chat del frontend con la API de OpenAI/Anthropic mediante el backend.
- Inyectar contexto dinámico en el prompt maestro (ej. Enviar a la IA el nombre del usuario, su peso y la rutina de hoy) para que el bot responda de forma personalizada.
FASE 6: Panel de Administrador (CMS Interno)
- Crear una ruta protegida (ej. /Admin) accesible solo para nuestro equipo.
- Desarrollar formularios (crud) para: dar de alta alumnos, actualizar métricas corporales (peso/grasa mes a mes), y subir/modificar los ejercicios con sus respectivos enlaces de video sin necesidad de tocar el código y agregar un botón de exportación básica a csv/excel de la lista de alumnos y sus métricas.
FASE 7: Despliegue PWA y Optimización
- Generar el archivo
manifest.json y registrar Service Workers para que la web app sea instalable de forma nativa en iOS/Android.
- Implementar almacenamiento en caché offline básico para que el alumno no pierda su rutina si la conexión a internet del gimnasio falla.
--------------------------------------------------
REQUISITOS Técnicos obligatorios:
- stack requerido:
next.js, React, Tailwind CSS, Supabase, Vercel.
- Incluir en la propuesta tu portafolio con proyectos reales utilizando Supabase y
Next.js.
- Presentar cotización bajo modalidad de Precio Fijo por la entrega total de las 7 fases.
- Indicar el tiempo estimado de entrega (en semanas/sprints).
Términos de trabajo y protección:
1. Infraestructura Proveída: Alimac proporcionará todas las cuentas y claves de acceso vacías (Vercel, Supabase, Twilio, APIs de IA). Trabajarás sobre nuestra infraestructura desde el día uno.
2. Alcance Cerrado: El diseño UI está aprobado y finalizado. Tu trabajo es puramente lógico y de backend. Funcionalidades ajenas a estas 7 fases se cotizarán a futuro como una "Fase 2".
3. Entrega y Garantía: El pago final estará sujeto a un periodo de pruebas (UAT) de 7 días hábiles para confirmar la estabilidad de la base de datos, el correcto bloqueo del Paywall y la usabilidad de la PWA. Al liberar el pago, Alimac retiene la propiedad intelectual total del código fuente.
Plazo de Entrega: No definido