Persönliches Portfolio — tombp.fr

Über dieses Projekt

Tomfolio ist der Quellcode von tombp.fr, gebaut mit Next.js 14 (App Router), React 18 und TypeScript auf Vercel. Die Oberfläche folgt einem eigenen Designsystem „Void & Gold“ — tiefschwarze Flächen mit Goldakzenten, Space-Grotesk- und DM-Sans-Typografie sowie HUD-inspirierten Komponenten. Three.js treibt die Wireframe-Zahnradszene im Hero und mehrere ambient Canvases pro Sektion (Ringe, Raster, Welle, Konstellation), während Framer Motion die federbasierten Scroll-Animationen übernimmt. Die Seite ist über next-intl in acht Sprachen voll lokalisiert, mit lokalisierten Metadaten, hreflang, dynamischen Open-Graph-Bildern pro Sprache, JSON-LD, Sitemap und Robots. Das Kontaktformular kombiniert React Hook Form, Zod und Formspree. Neben den Hauptsektionen ist ein Playground mit elf interaktiven Mini-Apps eingebettet: Game of Life, Memory, Wetter, Pomodoro, Task Breaker, Mood Tracker, Schreibtest, Farbpalette, Snake, Ambient-Sound-Mixer und Pixel-Art-Editor.