CS-01 / Dossier de projet
Moderniser un portail client d’assurance avec des micro-frontends et 90 % de couverture de tests
Réingénierie architecturale du portail client de Línea Directa Aseguradora pour renforcer la modularité, la réutilisation, les tests et la maintenabilité à long terme.
- Secteur
- Assurance
- Rôle
- Développeur frontend
- Statut de la mission
- Mission en cours
- Situation
- Un portail d’assurance orienté client devait évoluer vers une architecture frontend plus modulaire, capable de soutenir des équipes indépendantes et la croissance du produit.
- Contribution
- Pratiques de micro-frontends et d’architecture hexagonale, modules réutilisables, Storybook, conventions de test, affinages techniques, revues et accompagnement des développeurs.
- Résultat
- Environ 90 % de couverture des tests unitaires frontend à une étape documentée, davantage de réutilisation et de cohérence, moins de couplage et une base de livraison plus maintenable.
CS-02 / Contexte du produit
Vue d’ensemble
Je contribue à la réingénierie architecturale du portail web destiné aux clients de Línea Directa Aseguradora, l’un des principaux groupes espagnols d’assurance directe.
Le travail vise à améliorer la capacité d’évolution, réduire la dette technique et créer une plateforme frontend plus modulaire et maintenable dans le temps.
CS-03 / Défi de livraison
Le défi
Faire évoluer le frontend existant vers une architecture plus modulaire.
Soutenir des équipes indépendantes sans créer de couplage inutile.
Faciliter l’application des fonctionnalités réutilisables et des standards communs.
Améliorer la maintenabilité pendant que la livraison produit continue.
Aider les développeurs moins expérimentés à travailler plus sereinement dans l’architecture.
CS-04 / Limite des preuves publiques
Limite des preuves publiques
Le projet est une mission en cours. Le nom du client, mes responsabilités, les pratiques techniques décrites ici et le résultat d’environ 90 % de couverture des tests unitaires frontend sont approuvés pour publication.
Aucune affirmation n’est faite sur le chiffre d’affaires, la vitesse de livraison, la conversion client ou un résultat garanti. Les informations métier, de sécurité, de code source et d’architecture interne restent exclues.
CS-05 / Contribution
Ma contribution
Modernisation de l’architecture frontend
J’ai contribué à faire évoluer le portail vers une architecture micro-frontend et appliqué des principes d’architecture hexagonale afin de séparer la logique métier de l’UI et de l’infrastructure.
Modèles d’implémentation réutilisables
J’ai conçu et développé des modules frontend réutilisables et des composants UI partagés, puis aidé à établir des modèles de développement communs afin de réduire la duplication entre équipes.
Documentation et revue des composants
J’ai intégré Storybook pour soutenir le développement, la documentation et la revue avec les parties prenantes en dehors des parcours applicatifs complets.
Pratiques de test
J’ai introduit et encouragé des pratiques de test frontend plus solides avec Jest et React Testing Library.
Livraison et accompagnement de l’équipe
J’ai participé à la planification des sprints, aux affinages techniques, aux discussions d’architecture et à la collaboration inter-équipes. J’ai également accompagné les développeurs moins expérimentés par les revues, le conseil technique et des exemples d’implémentation partagés.
CS-06 / Technologies
Technologies
React
TypeScript
Micro-frontends
Architecture hexagonale
Jest
React Testing Library
Storybook
API REST
Agile
CS-07 / Résultat
Résultats
- La couverture des tests unitaires frontend a atteint environ 90 % à une étape documentée.
- La réutilisation des composants et la cohérence se sont améliorées dans l’application.
- Le couplage entre modules frontend a été réduit.
- Les fonctionnalités frontend sont devenues plus faciles à développer, tester, documenter et maintenir.
- Le travail a créé une base plus solide pour la livraison indépendante de modules.
Le chiffre de couverture décrit une étape documentée de cette mission. Il ne constitue ni une garantie de qualité globale ni un résultat automatiquement reproductible ailleurs.
CS-08 / Portée de l’expérience
Ce que cela démontre
Une modernisation frontend peut renforcer simultanément la base produit et le fonctionnement de l’équipe. Direction d’architecture, implémentation représentative, composants partagés, Storybook, tests, revues et accompagnement gagnent en valeur lorsqu’ils sont intégrés à la livraison active.