Alexandre AITTOUARES

Travail sur 2 projets interconnectés : 1 portail E-commerce et un outil d’analyse interne Business Intelligence Projet 1 : Développement d'un portail E-commerce Développement Front End : ● Implémentation de la partie Front avec Next.js et son app router afin de pouvoir répondre aux problématiques de SEO et SSR via les server components ● Utilisation de Server actions pour accroître la sécurité et la performance de l’application ● Implémentation de la partie dashboard pour le CMS ● Intégration de websockets pour recevoir les updates du back end en temps réel Développement Back End : ● Implémentation avec une application serveur NestJS au lieu de juste développer cette partie sur Next.js afin d’avoir une architecture backend propre et évolutive ● Intégration de Prisma ORM avec PostGreSQL pour la persistance des données ● Implémentation de l’authentification via stratégies passport et JWT ● Implémentation de la partie headless CMS via RBAC ● Connection à Stripe pour la partie paiement Projet 2 : Développement d'un outil interne de dataviz à portée Business Intelligence Développement Front End : ● Implémentation de la partie Front en mode SPA avec React.js pour le rendu des composants dataviz et d3.js uniquement pour la partie calcul des graphes ● Utilisation d’Apollo Client pour consommer l’API GraphQL et gérer l’état et le cache de l’UI ● Intégration de GraphQL websockets subscriptions pour recevoir les updates du back end en temps réel Développement Back End : ● Implémentation avec une application serveur NestJS + Apollo pour créer une API GrapQL ● Génération automatique de types via le schéma GraphQL Partie commune aux 2 projets : Architecture : ● Conception logiciel avec Clean architecture et TDD / BDD ● Partie back-end développée en tant que cluster de microservices Tests : ● Mise en place tests unitaires sociables, d’intégration et End to end Devops: ● Mise en place de la pipeline CD sur AWS & Vercel ● Connection à Redis pour le système de pub/sub distribué et le scaling Mise en place bonnes pratiques de code ( Versionning, linter, code reviews) Environnement : Langages -> Javascript, Typescript, Html 5, CSS Bibliothèques -> NestJS / Node.js, Next.js 15 / React 19, Material UI 6, Tailwind CSS 3, Prisma ORM, Apollo GraphQL, passport SQL -> PostGreSQL 17 Outils -> Git, Npm, Vite, pgAdmin 4, Jira, Docker, Kubernetes Tests -> Vitest, Playwright, Supertest, Testcontainers Méthodologie -> SCRUM, Clean Architecture

Développement d'un outil de dataviz (Mapping) au sein du projet Horizeo afin de permettre aux gestionnaires d'analyser le contexte d'un projet. Ceci afin d'engager et communiquer de manière plus efficace avec les parties prenantes sur les territoires dans le cadre du respect des objectifs RSE (Responsabilité Sociale des Entreprises). Cet outil permet notamment de visualiser l’écosystème des parties prenantes et leurs relations sous forme de graphe de réseau tout en filtrant les données souhaitées lors de la visualisation pour plus de précision. Conception et architecture : - Analyse du contexte métier - Analyse et réflexion sur l'existant (Backend et reste du portail Horizéo) afin de déterminer la solution technique la plus adaptée - Participation aux réunions afin de déterminer les User Stories - Collaboration avec l'équipe d'UI/UX afin d'élaborer le design de la solution Développement Front End : - Implémentation de composants dataviz en utilisant Angular pour la partie rendu et manipulation du DOM et les parties de la librairie D3.js concernant exclusivement l'algorithmique des graphes (simulation de force, échelles, etc..), et ce dans l'optique de garder une maintenabilité maximale pour les équipes de développeurs Angular amenées à travailler par la suite sur le projet Environnement : Langages -> Typescript, Html 5, SCSS Bibliothèques -> Angular 16, D3js, React 18, Angular-Material, Angular-Forms, rxjs Outils -> Git, WebPack, Npm Méthodologie -> SCRUM

Développement d'un portail à destination des clients TESSI permettant de générer des applications métiers taillées sur mesure aux besoins client avec notamment différents outils low code/no code : - Création d'UI via un Studio de design - Création automatique de processus métiers gérés par l'appli via éditeur/interpréteur de BPM - Création possible de robots RPA pour gérer certaines tâches d'un process automatiquement - Analyse et optimisation de processus existants via un chatbot se reposant sur une IA et les métriques d'utilisation du process - Accès à une plateforme sociale de coworking avec notamment un metaverse représentant la société du client Conception et architecture de l’application : ● Analyse et réflexion sur les technologies existantes sur le marché afin de déterminer la stack à adopter ● Réunions afin de réfléchir aux fonctionnalités à proposer dans l'application avec le chef de projet, le lead Back End, et différents spécialistes ( RPA, Métaverse ) Développement Front End : ● Création du studio d'UI design ( Contrainte client: Editeur agnostique HTML/pure JS ) ● Création de widgets afin d'intégrer des briques représentant les process pour le studio de création d'UI pour répondre à la contrainte mentionnée ci dessus ● Création d'un éditeur BPMN ● Mise en place d'un chat avec chatbot ● Mise en place d'un design system Développement Back End : ● Mise en place d’un serveur Node.js avec Express afin de servir d’API pour les pocs sur le projet avant implémentation sur le serveur Java par les équipes dédiées back Mise en place bonnes pratiques de code ( Versionning, linter, code reviews, tests ) Environnement : Langages -> Javascript, Typescript, Html 5, SCSS Bibliothèques -> React 18, Node.js, Express, React-router 6, react-hook-form 7, yup, GrapesJs, BPMN-Js, Material UI Tests -> Jest Outils -> Git, Bitbucket, Jira, WebPack, Npm, Nvm Méthodologie -> SCRUM

Développement Front au sein d’une core team de widgets web à destination de différents sites de paris sportifs en ligne. Développement de nouvelles fonctionnalités en vue d’intégration avec le MVP du site OLG canada et AGLC sports betting. Travail et communication totalement en Anglais au sein d’une équipe internationale. (90%de l’équipe située au Royaume Uni) Mise en place des standards d’accessibilité web WCAG 2.0. Mise en application de bonnes pratiques de développement. (Code Review, Linter, tests unitaires) Environnement : Langages -> Javascript, Typescript, Html 5, SCSS Bibliothèques -> React 16, Node.js Outils -> Git, Bitbucket, Jira, WebPack, Npm, Nvm Méthodologie -> SCRUM

Développement Front sur le projet RED de refonte de l’ensemble des sites du groupement « Les Mousquetaires » (intermarché.com, drives et marketplace) vers un seul site portail en vue d’augmenter le trafic des magasins. Reprise de projet hérité en cours de développement avec date de mise en production souhaitée imminente. Développement des fonctionnalités du site dans l’optique d’atteindre un MVP le plus rapidement possible. Analyse de l’existant en React architecturé MicroFrontEnds. Mise en place d’un environnement de développement interconnecté aux fragments existants lors du travail sur un fragment donné, et ce afin d’améliorer la productivité. (Auparavant il fallait déployer sur la CI une version de test) Travail en partenariat avec les Devops afin d’améliorer les process d’intégration continue. Environnement : Langages -> Javascript, Typescript, Html 5, SCSS, Shell (bash) Bibliothèques -> React 16, Redux, Node.js Architecture -> MicroFrontEnds Outils -> Docker, Jenkins, CONSUL, Google Cloud Platform, Nexus SonaType, Grafana, Git, Bitbucket, Jira, WebPack, Npm, Nvm Méthodologie -> SCRUM

Développement sur l’application HOBART, outil transverse d’enregistrement et de traitement des requêtes clients, utilisée par plusieurs milliers d’utilisateurs au sein des différentes filiales BNP. Implémentation progressive du plan de remédiation (lors du développement de nouvelles fonctionnalités sur les pages) afin de migrer vers la nouvelle version suite à l’audit sur les performances instables de la première version héritée de l’application (fuites mémoire). Développement Front End : ● Refonte progressive par pages de l’application de la V1 (en AngularJS 1.4) vers la V2 (en Angular 6) ● Cohésion de l’application entre les pages V1 et V2 assurée via persistance / réhydratation d’une partie du Redux store dans le session storage Mise en application de bonnes pratiques de développement. (Code Review, Linter, tests unitaires sur la V2) Environnement : Langages -> Javascript, Typescript, Html 5, SCSS Bibliothèques -> Angular 6, Redux, Rxjs, Node.js, AngularJS 1.4 APIs -> REST

Développement sur l’application mobile D@ctech, outil de GMAO (gestion de maintenance assistée par ordinateur) multi-référentiel (interface avec différents systèmes existants). L’application permet de numériser toute la procédure papier existante. Elle est déployée sur les mobiles attribués aux techniciens de maintenance et leur permet d’être alertés puis de consulter les ordres d’interventions qui leur sont assignés, de naviguer jusqu’au lieu d’intervention, de se repérer dans les locaux jusqu’à l’équipement impacté, de scanner celui-ci (QR code) et enfin de remplir la fiche d’intervention et de la renvoyer pour validation sur le système de GMAO. Conception et architecture de l’application : ● Méthodologie agile Scrum ● Elaboration de solutions en partenariat avec l’architecte logiciel Développement Front End : ● Application client mobile hybride en Angular / Ionic ● Requêtes sur Api REST ● Gestion de la synchronisation du client mobile en mode déconnecté ● Gestion des notifications mobile ● Localisation des sites clients par carte via API GoogleMaps ● Navigation GPS vers site client ● Gestion électronique des documents ● Gestion et prise de photos ● Gestion et scan de QR codes ● Saisie texte possible par commande vocale Développement Back End : ● Mise en place de l’Api REST avec Node.js et Loopback ● Gestion de la base de données sous CouchDB Mise en place de l’environnement de tests automatisés (unitaires et e2e) en partenariat avec la QA. Environnement : Langages -> Javascript, Typescript, Html 5, SCSS Bibliothèques -> Angular 5, Node.js, Ionic 3, Apache Cordova, Loopback NoSQL -> CouchDB APIs -> REST, GoogleMaps, Firebase Cloud Messaging Tests -> Karma, Jasmine, CucumberJs, Protractor, Gherkin Outils -> Git, GitLab, Jira, WebPack, Npm, Nvm, Compodoc Méthodologie -> SCRUM

Développement d’IHM Web déployée sur système embarqué (projet confidentiel). IHM composée d’outils d’aide à l’analyse de données récoltées par le système afin de prendre une décision tactique. Analyse et conception : ● Élaboration de la solution technique en partenariat direct avec la MOA Développement Front End: ● Développement d’outils Data visualization avec D3.js ● Développement d’outils de géolocalisation avec OpenLayers ● Maintenance corrective et évolutive de projets existants Environnement : Langages -> Javascript, LESS, Html 5, CSS Bibliothèques -> AngularJS, Node.js, D3.js, websocket, OpenLayers, joint.js, Hammer.js, JQuery, Bootstrap Tests -> Karma, Mocha / Chai / Sinon Outils -> Git, GitLab, Docker, WebPack, Npm, Yeoman, Bower, Grunt Contraintes -> Application à packager pour Debian et cross compatible Apache 2.2 et 2.4

Mise en place de solutions business intelligence pour la direction marketing particuliers. Développement de tableaux de bords graphiques dynamiques SVG sur le portail intranet Amadeus pour l’aide à l’analyse de données compilées sur les habitudes client afin de décider des futures orientations commerciales au sein des différentes entités d'ENGIE. Analyse et conception : ● Élaboration de la solution technique en partenariat direct avec la MOA Développement Front End : ● Restitution Data visualization web avec AngularJS / Javascript couplé à D3.js et Dc.js (surcouche de D3.js) ● Responsive Design avec Bootstrap ● Extraction de données et analyse multivariée avec Crossfilter.js Environnement : Langages -> Javascript, Html 5, CSS Bibliothèques -> AngularJS, D3.js, Dc.js, Crossfilter.js, JQuery, JQueryUI, Bootstrap SQL -> Teradata SQL Contraintes -> compatibilité Mozilla Firefox et Internet Explorer 9

Stage de fin d'étude concepteur développeur Java au sein de la direction opérations et qualité des processus (OPUS). Développement d'une application web graphique dynamique (SVG) permettant d'analyser les données en provenance de différentes sources SNCF afin de contrôler la régularité des trains et d’afficher le détail lors d’incidents. Analyse et conception : ● Élaboration de la solution technique en partenariat direct avec la MOA ● Analyse de l’existant (macros de statistiques et base de données REALPROD, HOUAT et BREHAT) ● Spécifications fonctionnelles ● Modèle Objet et séquences logicielles (UML) Développement Front End : ● Restitution via JSP / Javascript et la librairie D3.js (librairie permettant de manipuler des données et de les afficher sous forme de graphes de manière dynamique) ● Requêtes asynchrones avec JQuery, Ajax et JSON Développement Back End : ● Architecture logicielle MVC2 implémentée en Java via le framework Spring (Spring Web MVC) ● Optimisation couche accès données avec Spring JDBC (au lieu d’Hibernate) afin de répondre aux contraintes du SGBD et d’éviter une surcharge mémoire du serveur (traitement asynchrone via callback et conservation uniquement du résultat agrégé du traitement des réponses) ● Couche traitement statistique en utilisant la bibliothèque Apache commons math. ● Couche servlet en utilisant FlexJson afin de transformer les données du modèle objet Java en Objets Javascript pour la partie IHM ● Préconisation d’index à implémenter sur la base de données Oracle par l’administrateur afin d’optimiser les requêtes Environnement : Langages -> Javascript, Java JEE, jsp, Html 5, CSS Bibliothèques -> D3.js, Spring Framework, JQuery, JQueryUI, Apache Commons math SQL Oracle database Outils -> Apache Tomcat, Oracle SQL developer, Maven Contraintes -> SGBD hérité (Realprod), volume des données à traiter (500 000 résultats sur des requêtes pour une période)