Portfolio Tatuajes
Web editorial de alta gama para artista del tatuaje con Pinned Parallax Scroll en GSAP, panel admin en React 19 y sincronización Supabase.
Ink & Gallery Editorial Showcase
Plataforma web de alta fidelidad diseñada para el ilustrador y artista tatuador Manuel Jiménez Ponce. Diseñada bajo una estética editorial nocturna con composición asimétrica de revista, animación cinemática y sincronización en tiempo real con Supabase.
Composición Visual y Experiencia Editorial
Portada Revista con Pinned Parallax
Tipografía Libre Caslon Text con movimiento desfasado tridimensional en GSAP ScrollTrigger.
Galería Interactiva y Dynamic Navbar
Retícula multi-columna filtrable en React 19, modal lightbox y barra píldora flotante.
Arquitectura y Retos Técnicos
Pinned Parallax Scroll (GSAP)
Efecto de scroll fijado cinemático donde los bloques editoriales y piezas de tatuaje se desplazan a diferentes velocidades relativas, logrando profundidad 3D suave y calibrada a 60fps.
Dynamic Morphing Navbar
Transmutación interactiva mediante GSAP de una cabecera transparente estática a una píldora flotante minimalista con backdrop-blur: 20px y borde sutil al iniciar el scroll.
Dual-Tier Storage & DDD
Arquitectura guiada por el dominio con desacoplamiento total vía ITattooRepository. Conexión remota a Supabase Postgres y fallback resiliente sincronizado con tattoos.json local.
Admin Seguro & Timing-Safe Auth
Panel interactivo en React 19 con previsualización en buffer de memoria, autenticación reforzada contra ataques de temporización (SHA-256 + crypto.timingSafeEqual) y Rate Limiting estricto.
Stack Técnico
Características principales
- Diseño editorial tipo revista ("Ink & Gallery") con paleta nocturna y tipografía Libre Caslon Text
- Pinned Parallax Scroll con GSAP ScrollTrigger para transiciones tridimensionales fluidas
- Dynamic Morphing Navbar: transición fluida de cabecera transparente a píldora glassmorphic flotante
- Galería interactiva con filtros dinámicos por estilo, hover zoom y modal lightbox en React 19
- Panel de administración con previsualización multimedia en buffer de memoria y persistencia dual
- Arquitectura desacoplada DDD y fallback local sincronizado bidireccionalmente con Supabase