Portfolio personal — tombp.fr

Sobre este proyecto

Tomfolio es el código fuente de tombp.fr, construido con Next.js 14 (App Router), React 18 y TypeScript sobre Vercel. La interfaz sigue un design system propio « Void & Gold » — superficies negras profundas con acentos dorados, tipografías Space Grotesk y DM Sans, y componentes inspirados en estética HUD. Three.js anima la escena de engranajes en wireframe del hero y varios canvas ambientales por sección (anillos, cuadrícula, ola, constelación), mientras Framer Motion mueve animaciones físicas al hacer scroll. El sitio está internacionalizado vía next-intl en ocho idiomas, con metadata localizada, hreflang, imágenes Open Graph dinámicas por idioma, structured data JSON-LD, sitemap y robots. El formulario de contacto combina React Hook Form, Zod y Formspree. Más allá de las secciones principales, incluye un Playground con once mini-aplicaciones interactivas: Game of Life, memory, clima, Pomodoro, task breaker, mood tracker, prueba de mecanografía, paleta de colores, snake, mezclador de sonidos ambientales y editor pixel art.