Mustapha Aouas

Currently involved in a strategic project within the thermonuclear electricity production department. My role consists of designing and improving robust Angular solutions, ensuring the performance, maintainability, and scalability of applications.

Having joined the new product line “Cash Collect”, the objective was to release the first versions of accounting document tracking and reminder solutions (invoices and credit notes) as quickly as possible. After nearly three years, the tool has reached maturity by integrating features such as analytics (dashboard), filtering, creation and editing of accounting documents, PDF generation, import and export by direct download or by email, manual and automatic reminders by email and by mail, sending summaries by email to the client, and setting up a public portal to allow clients to pay invoices.

Missions :

❖ Contribution to the internal design system: introduction of new components respecting performance, accessibility, and design needs (pixel perfect ensured by screenshot tests)

❖ Implementation of a micro-frontend architecture to decouple different product lines

❖ Optimization of various interfaces using, among others, lazy-loading, track-by, virtual scroll, stand-alone components, etc.

❖ Creation and configuration of an NX monorepo, use of Angular libraries (buildables) to improve build and CI times

❖ Implementation of acceptance tests as well as unit tests using Cucumber and Playwright (BDD)

❖ Configuration of a new CI/CD pipeline using GitHub Actions (migration from GitLab) with the creation of custom workflows, to name a few: Quality check of pull requests, automated deployment, daily production deployment, automatic generation of HTTP clients with open-api (@nestjs/swagger)

❖ Performing front-end pull request code reviews and sharing best practices for Angular and web in general (HTML, CSS, JS/TS)

❖ Back-end development (NestJS) of queries and commands in TDD and applying clean architecture principles

Under the responsibility of our solution architect, I joined the “CASA” (Configuration, Administration, Supervision, and Analysis of Source Stations) team as a lead developer for the Angular part. I notably helped improve the mapping and refactor the single-line diagram drawing part.

Missions :

❖ Addition of new high-value features: mapping clusterization with dynamic SVGs in the form of donut charts, data visualization with D3.js, configuration schema for source stations with dynamic creation of Angular SVG components, etc.

❖ Harmonization and standardization of different pages

❖ Training of junior team members on Angular best practices (testing, observable usage, performance, and code splitting)

❖ Complete restructuring of the project which led to a 20% reduction in initial bundle size

❖ Performing successive Angular version upgrades from 8 to 12