DEPORTE / VISUAL
WorkOutHubStudio
Cansado de las notas y las hojas de cálculo, decidí construir mi propio sistema para gestionar mis entrenamientos.
WorkOutHub es mi app personal donde organizo toda mi semana en un calendario interactivo, creo rutinas a mi medida, guardo los PDFs con los ejercicios para tenerlos siempre a mano y, de paso, comparto mis plannings con colegas de entreno. Mi propio centro de mando fitness, hecho exactamente como a mí me gusta.
workouthubstudio.mdapps.dev
workouthubstudio.mdapps.dev
Tecnologías
Next.js
React
TypeScript
Tailwind CSS
Framer Motion
GSAP
Clerk
Turso
Drizzle ORM
next-intl
Tiptap
Cloudinary
Zod
EmailJS
Características Principales
Hero animado con efecto typewriter y fondo ondulante.
Navegación flotante con indicador de sección activa.
Modo oscuro/claro con transición suave.
Soporte multilingüe (Español e Inglés).
Formulario de contacto con validación en tiempo real.
Panel de administración protegido con autenticación.
Cuadrícula de proyectos filtrable por categorías.
Tarjetas 3D interactivas con efecto hover.
Animaciones avanzadas con scroll-trigger.
Editor de texto enriquecido para gestión de contenido.
Diseño responsivo con navegación móvil adaptativa.
Traducción automática de proyectos.
Optimización SEO con metadatos dinámicos.
Transiciones de página personalizadas.
Gestión de capturas de pantalla con almacenamiento en la nube.