Mustapha Aouas

Actuellement impliqué dans un projet stratégique au sein du département de production d’électricité thermonucléaire. Mon rôle consiste à concevoir et améliorer des solutions robustes en Angular, en veillant à la performance, la maintenabilité et l’évolutivité des applications.

En ayant intégré la nouvelle product line “Cash Collect” l'objectif a été de publier au plus vite les premières versions des solutions de suivi et relances de documents comptables (factures et avoirs). Après près de trois ans, l’outil arrive à maturité en intégrant notamment des fonctionnalités d’analytics (dashboard), filtrages, création et édition de documents comptables, génération PDF, import et export par téléchargement direct ou par mail, relance manuelle et automatique par email ainsi que par courrier, envoi de récapitulatif par email au client, mise en place d’un portail public pour permettre aux clients d'effectuer le règlement des factures.

Missions :

❖ Contribution au design system interne : introduction de nouveaux composants en respectant les besoins de performance, d'accessibilité et de design (pixel perfect assuré par des screenshot tests)

❖ Mise en place d'une architecture micro-frontend pour découpler les différentes lignes de produits

❖ Optimisation des différentes interfaces en utilisant, entre autres, du lazy-loading, track-by, virtual scroll, stand-alone components, etc

❖ Création et configuration d'un monorepo NX, utilisation de bibliothèques Angular (buildables) pour améliorer les temps de build et de CI

❖ Mise en place de tests d'acceptances ainsi que des tests unitaires en utilisant Cucumber et Playwright (BDD)

❖ Configuration d'une nouvelle pipeline CI/CD utilisant GitHub Actions (migration depuis GitLab) avec la création de workflow sur mesure, pour en citer quelques-uns: Quality check des pull requests, déploiement automatisé, déploiement chaque jour ouvré en production, génération automatique des client HTTP avec open-api (@nestjs/swagger)

❖ Réalisation de code reviews des pull requests front-end et partage des meilleures pratiques Angular et web en général (HTML, CSS, JS/TS)

❖ Développement back-end (NestJS) des queries et des commandes en TDD et en appliquant les principes de clean architecture

Sous la responsabilité de notre solution architecte, j’ai intégré l’équipe “CASA” (Configuration, Administration, Supervision et Analyse des postes sources) en tant que lead développeur sur la partie Angular. J’ai aidé notamment à améliorer la cartographie et à refondre la partie de dessin de schéma unifilaire.

Missions :

❖ Ajout de nouvelles features à forte valeur ajoutée: clusterisation de la cartographie avec des svg dynamique sous forme donut chart, data visualisation avec D3.js, Schéma de configuration des postes sources avec création dynamique de component Angular SVG, etc

❖ Harmonisation et standardisation des différentes pages

❖ Mise à niveau des juniors de l'équipe sur les bonnes pratiques Angular (de testing, d'utilisation des observables, de performance et de découpage de code)

❖ Restructuration complète du projet qui a permis de réduire la taille du bundle initiale de 20%

❖ Effectuer les montées en version Angular successives de la 8 à la 12