Me contacter
Projets de formation

De l’intégration à la conception

Six projets menés durant ma formation d’Intégrateur Web, évalués par des professionnels. Ils sont classés par complexité croissante plutôt que par date : on y suit la progression, de la première maquette intégrée à la conception d’une architecture complète.

01J’intègre une maquette
Intégration fidèle

Nina Carducci

Site vitrine d'une photographe professionnelle, intégré à partir de maquettes desktop et mobile. L'exigence : un rendu fidèle au design validé par la cliente, responsive sur tous les supports, et rapide au chargement.

HTML5CSS3WAVELighthouse

Résultat

  • Site fidèle aux maquettes fournies
  • Affichage optimal sur mobile, tablette et desktop
  • Contrastes et balises validés via WAVE
Voir le code
Page d'accueil du portfolio de la photographe Nina Carducci, avec photo de foule en concert
02Je rends dynamique
Espace d'administration

Sophie Bluel

Portfolio d'une architecte d'intérieur, avec une partie publique et un espace administrateur. Authentification, ajout et suppression de contenus depuis l'interface : donner à la cliente la main sur son site sans repasser par un développeur.

JavaScriptAPI REST

Résultat

  • Galerie dynamique alimentée par API
  • Filtrage fonctionnel des projets
  • Mode administrateur avec édition en direct
Voir le code
Page d'accueil du portfolio de Sophie Bluel, architecte d'intérieur, avec son portrait
03Je structure une application
Application React

Kasa

Application de location de logements inspirée d'Airbnb : navigation complète, composants réutilisables, affichage dynamique des annonces. Un exercice de structuration : construire une base maintenable plutôt qu'un empilement de pages.

ReactReact RouterVite

Résultat

  • Application fonctionnelle avec navigation entre pages
  • Affichage dynamique des logements
  • Composants réutilisables (cards, collapses, etc.)
Voir le code
Page d'accueil de l'application Kasa, avec bannière et grille de logements à louer
04Je reprends le code d’un autre
Diagnostic & correction

724 Events

Reprise d'un site défaillant pour une agence événementielle : identifier les dysfonctionnements, les corriger, puis fiabiliser l'application par des tests. Diagnostiquer du code qu'on n'a pas écrit, sous contrainte de ne rien casser au passage.

ReactJestChrome DevTools

Résultat

  • Correction des bugs majeurs affectant l'expérience utilisateur
  • Mise en place de tests unitaires pour sécuriser les fonctionnalités
  • Application plus stable et plus fiable
Voir le code
Page d'accueil du site 724 Events, avec photo d'une conférence du World Economic Forum
05Je gère l’état et l’authentification
Intégration d'API

ArgentBank

Application bancaire front-end branchée sur une API existante documentée via Swagger. L'enjeu : lire une spécification technique fournie par un tiers, s'y conformer exactement, et gérer l'authentification et les données utilisateur en conséquence.

ReactRedux ToolkitAPI RESTJWT

Résultat

  • Connexion utilisateur sécurisée
  • Récupération des informations utilisateur via API
  • Modification du nom d'utilisateur via une requête API
Voir le code
Page d'accueil du site ArgentBank, avec image de pousse de plante.
La suite

Un client réel, en production

Après la formation, j’ai conçu et livré un site avec back-office pour un photographe professionnel, qui l’administre aujourd’hui seul.

Voir l’étude de cas