UFC Gym Web es una plataforma de bienestar digital de vanguardia, diseñada para extender la experiencia física del gimnasio al entorno online. Este sistema no es solo un portal informativo; actúa como el centro neurálgico para la gestión de la salud y el rendimiento de miles de usuarios, integrando seguimiento biométrico, comercio electrónico y planificación de entrenamientos en una interfaz inmersiva y altamente visual.
La arquitectura fue diseñada para soportar picos de tráfico intensos durante lanzamientos de programas y ofertas, garantizando una experiencia fluida y consistente en cualquier dispositivo.
🏗️ Backend Unificado (NestJS)
Para garantizar una coherencia total entre la web y la aplicación móvil, toda la lógica de negocio reside en una API centralizada construida con NestJS:
- API RESTful Centralizada: Un único backend sirve tanto al cliente React (Web) como a la app React Native (Mobile), asegurando que las reglas de negocio (como el cálculo de calorías o la validación de membresías) sean idénticas en todas las plataformas.
- Validación Compartida: Los DTOs (Data Transfer Objects) definidos en el backend se comparten con el frontend mediante librerías de tipos, garantizando un tipado estático de extremo a extremo que elimina errores de contrato de API.
- Autenticación Unificada: Implementación de estrategias JWT con Passport.js en NestJS, permitiendo un Single Sign-On (SSO) fluido entre dispositivos.
🏗️ Arquitectura de Nube & Almacenamiento (AWS S3)
Para gestionar la riqueza visual y los datos de usuario de manera eficiente, la plataforma se apoya en servicios robustos de AWS:
- Almacenamiento de Medios (Amazon S3): Un bucket S3 centralizado almacena de forma segura todas las imágenes de alta resolución de productos, videos instructivos y fotos de progreso.
- Base de Datos Unificada (PostgreSQL en Amazon RDS): El corazón transaccional del sistema reside en una instancia gestionada de PostgreSQL. Aquí se sincronizan en tiempo real los datos de membresías.
🚀 Stack Tecnológico de Vanguardia
- Backend: NestJS (Unified API).
- Frontend: React 19, Vite, Tailwind CSS 4, OGL.
- Base de Datos: PostgreSQL 16.
- Estado: Context API.
💎 Módulos del Ecosistema a Detalle
1. Dashboard de Rendimiento & Biometría
- Análisis de Composición Corporal: Gráficos interactivos con Recharts.
- Planificación de Nutrición: Seguimiento de macros personalizado.
2. Tienda "Arsenal" (E-commerce)
- Catálogo Visual: Grid de productos con lazy loading desde S3.
- Carrito de Compras Persistente: Estado sincronizado con el servidor.
- Pasarela de Pagos Segura: Integración con Stripe/PayPal.
3. Portal de Membresías & Clases
- Sistema de Reservas: Calendario interactivo con control de aforo.
- Gestión de Suscripciones: Motor de facturación recurrente.
🛡️ Ingeniería & Calidad de Software
- Responsive Design First: Diseño móvil primero.
- Accesibilidad (a11y): Cumplimiento WCAG 2.1.
- Performance Optimization: Code-splitting y prefetching.