Beekast : refonte en microfrontends et design system

Contexte

Beekast propose une application collaborative pour animer des réunions et des ateliers de travail en équipe. De mars à décembre 2022, soit environ dix mois, j'y ai été lead frontend en freelance, au sein de l'équipe produit, sur la refonte complète de l'application.

Le besoin

L'application reposait sur un monolithe frontend qui devenait difficile à faire évoluer. L'objectif était de la moderniser sans l'arrêter : découper l'interface en blocs fonctionnels indépendants (microfrontends), harmoniser l'interface par un design system, et développer de nouveaux écrans issus des maquettes.

Ce qui a été réalisé

• Conception et réalisation du design system pour une réutilisation dans les microfrontends.
• Migration de blocs fonctionnels du monolithe vers des microfrontends.
• Développement et intégration de nouveaux écrans issus des maquettes.
• Développement backend en Node.js avec GraphQL.
• Corrections de bugs et optimisations de performance.
• Participation aux réunions de décisions techniques et aux rituels Agile.

Stack et choix techniques

Le frontend combine Vue.js 2 et 3, ce qui permet de migrer progressivement plutôt que de tout réécrire, avec single-spa pour orchestrer les microfrontends et Webpack pour le build. Le design system est documenté avec Storybook et s'appuie sur des Web Components et SASS pour être partagé entre les blocs. Le backend est en Node.js avec GraphQL, adossé à MongoDB. L'approche progressive limite les risques : chaque bloc migré est testé et livré avant de passer au suivant.

Résultat

La refonte a posé les bases d'une architecture modulaire : un design system partagé, des blocs fonctionnels migrés en microfrontends et de nouveaux écrans intégrés à partir des maquettes. La mission s'est terminée en décembre 2022.

Ce travail relève de la refonte et modernisation d'applications et du renfort en équipe en tant que développeur freelance.