Personal Portfolio — tombp.fr

About this project

Tomfolio is the source of tombp.fr, built with Next.js 14 (App Router), React 18, and TypeScript on Vercel. The interface follows a custom Void & Gold design system — deep black surfaces with gold accents, Space Grotesk and DM Sans typography, and HUD-inspired components. Three.js powers the wireframe gear scene in the hero plus per-section ambient canvases (rings, grid, wave, constellation), while Framer Motion drives spring-physics scroll animations. The site is fully internationalized via next-intl across eight locales, with localized metadata, hreflang alternates, dynamic Open Graph images per locale, JSON-LD structured data, sitemap, and robots configuration. The contact form combines React Hook Form, Zod, and Formspree. Beyond the main sections, the site embeds a Playground of eleven interactive mini-apps — Conway's Game of Life, memory, weather, Pomodoro, task breaker, mood tracker, typing test, color palette generator, snake, ambient sound mixer, and pixel art editor.