Aller au contenu
Lucas Mouette®

Premier portfolio

Mon tout premier portfolio — codé à la main lors de mon quatrième semestre, sans aucune IA.

Premier portfolio — couverture

Avant que les agents de code IA fassent partie de ma boîte à outils, j’ai construit mon premier portfolio ligne par ligne, moi-même : un site one-page avec ma formation, mon expérience, mes compétences et mes projets étudiants. C’est là que j’ai vraiment appris React, Next.js et Tailwind — et il est toujours en ligne, comme un instantané de mon point de départ.

Voir: v1.lucasmouette.me ↗
Rôle
Designer & développeur
Équipe
Solo
Contexte
Projet personnel
Outils
Next.js, React, TypeScript, TailwindCSS

Ce que j’ai construit

Hero, frise d’expériences, formation et compétences

Un one-pager sombre avec un hero typographique affirmé et une couleur d’accent violette :

  • Des sections formation, expérience, compétences et projets, chacune construite comme un composant réutilisable avec des données typées.
  • Un curseur personnalisé qui s’agrandit au survol des éléments interactifs — et se désactive tout seul sur les écrans tactiles.
  • Une mise en page responsive, du téléphone au desktop, plus quelques détails comme un bouton de retour en haut de page.

Pourquoi il est toujours en ligne

Chaque ligne de ce site est de moi — aucune n’a été écrite par une IA. C’est donc la base de référence honnête pour tout ce qui a suivi : le portfolio macOS a poussé l’interaction plus loin, et ce site-ci a recentré le propos sur la réflexion produit et les études de cas. Aujourd’hui, je construis beaucoup plus vite avec des agents IA, mais c’est parce que je sais comment le code fonctionne en dessous que je peux bien les piloter.

Ce que j’en retiens

La pensée en composants, les données typées, et le temps qu’exige réellement une mise en page responsive « simple ». Ces fondamentaux façonnent encore aujourd’hui la manière dont j’écris mes spécifications pour les agents IA.

Projet suivant →Cultomato