Projets
Architecture bancaire, outils opérationnels et composants réutilisables.
Architecture SPA Bancaire — BarceloneArchitecture frontend et scaffolding partagé pour une équipe bancaire.2025-2026
Ce qui a commencé comme un rôle d'ingénierie frontend a rapidement évolué vers quelque chose de bien plus exigeant. Deux mois après, le Tech Lead a quitté le projet — laissant deux SPAs avec une dette technique sévère : logique intégrée directement dans les composants, pas de séparation des préoccupations et pas d'architecture claire. Sur la nouvelle SPA que j'avais déjà commencé à construire de façon indépendante, j'ai appliqué tout ce que j'avais appris du projet précédent : Architecture Hexagonale, DDD, code propre et Doc as Code. J'ai construit un scaffolding réutilisable pour toute l'unité métier d'environ 20 ingénieurs, intégré deux développeurs juniors dans la nouvelle architecture, rédigé une documentation complète et dirigé la direction technique du frontend. Au-delà de l'architecture, j'ai assumé toutes les responsabilités de Tech Lead : diriger les cérémonies Scrum, affiner et estimer le travail, s'aligner avec UX/UI, communiquer directement avec le client, soutenir l'équipe QA sur les problèmes de pipeline et la révision des cas de test, gérer les gardes de déploiement et représenter la perspective frontend dans les réunions backend et client.
- Hérité de deux SPAs avec une dette technique significative après le départ inattendu du Tech Lead
- Appliqué l'Architecture Hexagonale et DDD à une nouvelle SPA — première fois à l'échelle bancaire
- Construit un scaffolding réutilisable adopté par une unité métier d'environ 20 personnes sur plusieurs produits
- React
- TypeScript
- Hexagonal Architecture
- DDD
- TanStack Query
- Scrum
Plateforme d'Opérations — Marque de DistributeursIncidents, support et logistique avec une architecture hexagonale.2023
Ce projet a été un point d'inflexion significatif dans ma carrière. Construite pour les opérateurs d'une marque connue de distributeurs, la plateforme gérait les rapports d'incidents, le chat de support interne, le suivi en temps réel et la coordination logistique. Au-delà du produit lui-même, c'est ici que j'ai approfondi l'Architecture Hexagonale, DDD, les principes de code propre et Doc as Code — en les appliquant dans un environnement de production pour la première fois. J'ai également assumé un rôle plus senior : aider les développeurs juniors, prendre ownership des décisions architecturales, diriger les revues de code et expliquer des concepts techniques qui allaient au-delà de la tâche immédiate. L'utilisation de TanStack Query m'a enseigné une façon fondamentalement différente de penser la gestion de l'état serveur.
- Conçu et construit la plateforme en utilisant l'Architecture Hexagonale et DDD — première application en production de ces principes
- Implémenté les pratiques Doc as Code : documentation vivante alignée avec la structure du code
- Adopté TanStack Query pour la gestion de l'état serveur — amélioration significative des patterns de fetching
- React
- Tailwind CSS
- TanStack Query
- Hexagonal Architecture
- DDD
- Unit Testing
Dashboard SaaS Logistique — Industrie TextileOpérations d’entrepôt, suivi des expéditions et données logistiques.2022
J'ai rejoint un projet pour une grande entreprise textile afin de construire une plateforme SaaS logistique conçue pour que les opérateurs d'entrepôt puissent suivre les expéditions de camions, gérer les quantités et surveiller les flux de commandes. J'ai construit un grand ensemble de composants et des flux de dashboard complets connectés à des APIs en direct. Pendant ce projet, j'ai également exploré le développement mobile — en configurant Android Studio et en faisant des corrections en Kotlin/Java — avant que le client ne décide de passer à Android uniquement. Plutôt que de suivre une direction qui ne s'alignait pas avec mon focus web, j'ai choisi d'aller de l'avant. L'expérience m'a donné une forte intuition produit SaaS et une compréhension plus profonde du design UI orienté données.
- Construit un dashboard SaaS complet avec des flux de données complexes connectés à des APIs logistiques en direct
- Conçu et implémenté une UI orientée opérateurs pour le suivi des expéditions et la gestion des stocks
- Configuré Android Studio et fait des corrections en Kotlin/Java avant que le client ne pivote vers mobile uniquement
- React
- Redux
- Sass
- REST APIs
- Android Studio
- Kotlin
Bibliothèque de Composants — Plateforme d'AssuranceBibliothèque de composants documentée et intégrée à un système d’assurance.2021-2022
Chargé de construire une bibliothèque de composants complète pour une grande compagnie d'assurance, j'ai commencé de zéro : configuration de Webpack, résolution des défis d'intégration avec une stack legacy sous Node 10 et des composants React basés sur des classes, et conception d'une API de composants fonctionnant entre les anciennes et nouvelles bases de code. Malgré le soutien nominal d'une équipe de 15 personnes sur d'autres produits, j'ai travaillé entièrement seul. J'ai dû auto-définir les tâches, écrire mes propres spécifications, faire des refinements, estimer l'effort et prendre des décisions UX de façon indépendante après que la UX Lead soit partie en congé prolongé en milieu de projet. J'ai livré la bibliothèque avec une documentation complète dans Storybook et une migration d'un flux produit existant. J'ai quitté le projet peu après en raison de mauvaises pratiques d'ingénierie et d'éthique du client.
- Livré une bibliothèque de composants complète — de la configuration Webpack à la documentation Storybook
- Résolu des défis d'intégration complexes avec une stack legacy : Node 10, ancien React, class components
- Géré de façon autonome tout le cycle de vie du projet : définition des tâches, refinement, estimation et livraison
- React
- Storybook
- Tailwind CSS
- CSS
- Webpack
- RTL
Coderhouse — Communauté d'Apprentissage et TutoratMentorat frontend, communauté Discord et sessions de code en direct.2021
Après avoir complété ma propre certification frontend chez Coderhouse, j'ai été invité à rester comme Tuteur Technique. Plutôt que de simplement corriger les devoirs, je suis allé beaucoup plus loin : j'ai construit et modéré une communauté d'apprentissage active sur Discord, animé des sessions de code en direct et de partage d'écran diffusées sur Twitch, dirigé des débats techniques sur des sujets non couverts par le cours, et produit du contenu d'apprentissage complémentaire. Cette expérience a été fondatrice pour la façon dont j'aborde le mentorat aujourd'hui — avec clarté, structure et un focus sur la croissance à long terme plutôt que simplement réussir l'exercice.
- Complété plusieurs projets de certification frontend couvrant HTML, CSS, JavaScript et React
- Construit et modéré une communauté Discord devenue un espace actif d'apprentissage entre pairs
- Animé des sessions de code en direct et partage d'écran via Twitch — expliqué des concepts non couverts dans le programme
- JavaScript
- React
- HTML5
- CSS3
- Discord
- Twitch
Bibliothèque de Boilerplates ReactModèles React et Tailwind réutilisables pour les projets clients.2021
J'ai développé un ensemble de boilerplates prêts pour la production pour une entreprise cherchant à accélérer la livraison pour ses clients. Le travail impliquait la construction de composants React réutilisables et de systèmes de layout basés sur Tailwind pouvant être rapidement adaptés par client. L'environnement était sous haute pression avec un leadership technique défaillant — ce qui, ironiquement, a accéléré mon apprentissage. J'ai dû déboguer des problèmes complexes de composants de façon indépendante, naviguer dans des exigences peu claires et développer un jugement sur quand s'opposer. Une expérience fondatrice pour comprendre à la fois React en profondeur et comment des dynamiques d'équipe dysfonctionnelles affectent la qualité de l'ingénierie.
- Construit une bibliothèque de composants React réutilisables et de templates de layout avec Tailwind CSS
- Développé de façon indépendante sous pression avec un minimum de guidance de la part d'ingénieurs seniors
- Acquis une expérience pratique approfondie de l'architecture de composants React et des patterns d'état
- React
- Tailwind CSS
- JavaScript
- HTML5
- CSS3
Plateforme E-commerce — La Isla MediaPlateforme ecommerce avec commandes, stocks et gestion des utilisateurs.2017
L'un de mes premiers vrais projets — construit en collaboration avec un collègue encore pendant mes études. Nous avons conçu et développé une solution e-commerce complète de zéro, couvrant tout le cycle de vie du produit : inscription des clients, gestion des commandes, suivi des stocks et un panneau d'administration. Malgré l'utilisation d'une stack qui serait considérée comme legacy aujourd'hui, l'expérience m'a exposé à la vraie complexité de livrer quelque chose de bout en bout pour un vrai client. C'est ici que j'ai compris pour la première fois ce que signifie posséder un produit plutôt que simplement écrire du code.
- Construit le flux e-commerce complet : catalogue de produits, panier, checkout et gestion des commandes
- Conçu et implémenté un système de gestion des stocks et de l'inventaire
- Géré les exigences client directement — première exposition à la communication avec les parties prenantes
- PHP
- HTML5
- CSS3
- Bootstrap
- JavaScript
- MySQL