Portfolio Interactif (Ce Site)
Interactive Portfolio (This Site)
Ce projet est la plateforme que vous consultez actuellement. Il a ete pense comme un portfolio de presentation, mais aussi comme une demonstration technique de ma facon de structurer une experience web moderne avec contenu, visualisation 3D et parcours utilisateur clairs.
Points cles du projet
Architecture moderne et maintenable :
Le site repose sur Next.js 16, l'App Router, des routes metadata natives, et une separation nette entre rendu statique, logique serveur et ilots clients. L'objectif etait d'obtenir une base fiable, evolutive et adaptee a un site de portfolio riche en medias.Visualiseur 3D integre au site :
Le visualiseur s'appuie sur Three.js via @react-three/fiber et @react-three/drei. Les modeles sont charges de maniere isolee pour conserver une navigation fluide et ne reserver le JavaScript client qu'aux zones qui en ont reellement besoin.Assistant conversationnel et parcours :
Le chatbot repose sur l'API Gemini via une route serveur dediee. L'ensemble a ete pense pour guider la navigation, orienter vers les projets les plus pertinents et garder une integration legere dans le shell principal.
This project is the platform you are currently browsing. It was designed both as a portfolio website and as a technical demonstration of how I structure a modern web experience with content, 3D visualization, and clear user journeys.
Key aspects of the project
Modern and maintainable architecture:
The site is built with Next.js 16, the App Router, native metadata routes, and a clear split between static rendering, server-side logic, and client islands. The goal was to create a reliable and scalable base for a media-rich portfolio.3D viewer integrated into the site:
The viewer relies on Three.js through @react-three/fiber and @react-three/drei. Models are loaded in isolation so the overall navigation stays smooth and client-side JavaScript is reserved for areas that truly need it.Conversational assistant and navigation support:
The chatbot relies on the Gemini API through a dedicated server route. The whole feature is designed to guide navigation, point visitors toward the most relevant projects, and stay lightweight inside the main application shell.
Galerie
Gallery
Autres projets
Other Projects
.webp&w=3840&q=75)
Un besoin proche de ce cas d'usage ?
Working on a similar use case?
Nous pouvons partir de cette logique de projet et l'adapter a votre contexte, vos contraintes et vos objectifs.
We can use this kind of project as a starting point and adapt it to your context, constraints, and goals.
Me contacterContact me