Conception d’une bibliothèque interactive de composants Angular avec Storybook PFE

Objectif

• Créer une bibliothèque de composants Angular réutilisables et cohérents, alignée sur un design system complet.
• Intégrer Storybook pour la visualisation, la personnalisation et la documentation interactive des composants utilisés dans une plateforme SaaS.

Missions principales

• Recenser les composants existants dans la plateforme et identifier les redondances à consolider.
• Définir et implémenter une charte graphique complète (couleurs, typographie, icônes, responsive design, animations) et l’appliquer aux composants.
• Développer des composants modulaires et configurables, testables et exportables en modules Angular réutilisables.
• Intégrer Storybook pour la visualisation et la configuration dynamique de chaque composant, et générer une documentation interactive (stories, knobs/controls, docs).
• Mettre en place des tests unitaires (Jest, Jasmine ou Karma) et des bonnes pratiques d’architecture Angular (modularité, réutilisabilité).

Technologies & compétences requises

• Angular, TypeScript et une solide compréhension de l’architecture Angular.
• Maîtrise de tests avec Jest, Jasmine ou Karma; familiarité avec Nx pour la gestion monorepo.
• Intérêt pour l’automatisation (IA) et pour l’intégration d’outils facilitant la génération et l’export des composants.

Livrables attendus

• Une bibliothèque Angular documentée et packagée, prête à être importée dans la plateforme SaaS.
• Un Storybook complet avec stories et documentation interactive pour chaque composant.
• Modules Angular exportables et exemples d’intégration/d’utilisation.

Informations pratiques

• Durée : 6 mois (stage rémunéré). Nombre de stagiaires recherchés : 1. Stage de pré-embauche : Oui.
• Technologies indiquées : ANGULAR, TYPESCRIPT, STORYBOOK, tests (Jest/Jasmine/Karma), Nx.
• Pour postuler : envoyez votre candidature par e-mail à recruitment@minotore.com.