Portfolio personale — tombp.fr

Informazioni sul progetto

Tomfolio è il codice sorgente di tombp.fr, costruito con Next.js 14 (App Router), React 18 e TypeScript su Vercel. L'interfaccia segue un design system proprietario « Void & Gold » — superfici nere profonde con accenti dorati, tipografie Space Grotesk e DM Sans, e componenti ispirati all'estetica HUD. Three.js anima la scena di ingranaggi wireframe dell'hero più diversi canvas ambientali per sezione (anelli, griglia, onda, costellazione), mentre Framer Motion gestisce le animazioni a molla legate allo scroll. Il sito è completamente localizzato tramite next-intl in otto lingue, con metadata localizzate, hreflang, immagini Open Graph dinamiche per lingua, structured data JSON-LD, sitemap e robots. Il modulo di contatto combina React Hook Form, Zod e Formspree. Oltre alle sezioni principali, il sito include un Playground di undici mini-applicazioni interattive: Game of Life, memory, meteo, Pomodoro, task breaker, mood tracker, test di velocità di battitura, palette colori, snake, mixer di suoni ambientali ed editor pixel art.