Skip to content

About

Portfolio, Full-stack Developer

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

Portfolio.2026

Développeur full-stack · Full-stack developer

Site en ligne Déploiement

Angular 22 TypeScript Three.js Blender Vitest GitHub Pages

Une balade dans le site, du profil à la salle Hermès

Français · English


Français

Bienvenue chez moi

Comme Alice au pays des merveilles, descendez de salle en salle, à la molette, au clavier ou du bout des doigts. Vous y trouverez mon profil, trois projets (Intuition, Overmind 3D et Overmind Founders Collection), puis mon travail sur les agents IA. Chaque projet s'ouvre en grand sur place.

Côté technique

  • Les passages d'une salle à l'autre sont des pyramides d'images générées en local, recalées entre elles pour que le zoom ne saute jamais, et dessinées sur une toile.
  • Les décors sont des boucles vidéo faites dans Blender, lues sans couture grâce aux Media Source Extensions.
  • Les logos THP et Intuition sont des nuages de particules en Three.js, reliés par des filaments.
  • Le téléphone a sa propre version : images portrait, une carte de projet par geste, une barre de navigation en bas.
  • Deux langues, choisies selon le navigateur et changeables d'un bouton.
  • Des tests Vitest sur la navigation, les contenus et les deux langues.

Lancer le projet

npm install
npm start          # http://localhost:4200
npm test           # les tests, sans navigateur
npm run build      # dist/portfolio-zoom/browser/

English

Welcome to my place

Like Alice in Wonderland, go down from room to room with the mouse wheel, the keyboard or your fingertips. You will find my profile, three projects (Intuition, Overmind 3D and Overmind Founders Collection), then my work on AI agents. Each project opens up right where it is.

The technical side

  • The passages between rooms are pyramids of locally generated images, aligned with each other so the zoom never jumps, and drawn on a canvas.
  • The backgrounds are video loops made in Blender, played seamlessly with Media Source Extensions.
  • The THP and Intuition logos are Three.js particle clouds, linked by filaments.
  • Mobile has its own version: portrait images, one project card per swipe, a navigation bar at the bottom.
  • Two languages, picked from the browser and switchable with a button.
  • Vitest tests covering navigation, content and both languages.

Run the project

npm install
npm start          # http://localhost:4200
npm test           # the tests, no browser needed
npm run build      # dist/portfolio-zoom/browser/

About

Portfolio, Full-stack Developer

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages