Mehdi Chaabi

Betclic est une entreprise du secteur des paris sportifs et jeux en ligne. Le groupe compte environ 1 600 collaborateurs, dont ~700 spécialistes tech, et opère depuis Bordeaux avec une présence internationale. À cette échelle (~5 millions de joueurs connectés et ~1 milliard de transactions par mois), la Tech est structurée pour absorber un volume massif, garantir la fiabilité, et faire évoluer la plateforme en continu. J’ai rejoint la squad Alternative Payment Methods (APM) & Transfo. J’y ai contribué à l’évolution de la web app Betclic, de la sub-app Payment et des back-offices (transactions & régulations). Focus principal : les parcours dépôt/retrait et la transformation des flows de paiement. L'équipe était composée de 9 développeurs, 1 PO, 2 QA et 1 Engineering Manager. Mes responsabilités : → Montée de version Angular 20. → Développement de fonctionnalités Payment (multi-brand, fake brand, etc.). → Optimisation des performances & SSR. → Refonte UI des backoffices transactions et régulations. → Mise en production de la sub-app Payment + monitoring Datadog. → Bug fixing / run. Projet “Gordon” (dépôt asynchrone) : → Développement d’un flow de dépôt asynchrone sur toutes les méthodes de paiement via gRPC. → Intégration de nouveaux providers de paiement. → Refactoring des interfaces avec les nouvelles APIs. → Gestion des feature flips (activation selon régulation). Contributions / résultats : → Livraison des migrations Angular + refontes UI backoffice et mise en prod de la sub-app Payment. → Implémentation et généralisation d’un flow de dépôt asynchrone multi-moyens (gRPC) + intégration providers + feature flips. Contexte technique : Angular, NgRx, RxJS, Nx, HTML/SCSS, AG Grid, NestJS (SSR), TypeScript, Bootstrap, Karma/Jasmine, GitHub Actions, Terraform, gRPC, AWS, Datadog.

Thermo Fisher Scientific est un leader mondial des Life Sciences (instruments, consommables, logiciels et services pour laboratoires, biotech/pharma et clinique). L’entreprise compte ~125 000 collaborateurs et a réalisé $42,88B de chiffre d’affaires en 2024. J’ai d’abord rejoint l’équipe Core Portal afin de développer le portail microscopiste d’un logiciel d’acquisition et de visualisation de données d’imagerie pour une gamme de microscopes électroniques. J’ai ensuite intégré l’équipe Life Science, où j’étais référent technique front-end, pour renforcer les fonctionnalités d’analyse/visualisation (imagerie 2D/3D, plugins) et accélérer la réduction de la dette technique. Les équipes étaient composées de 5 développeurs, 1 QA, 1 PO, 1 manager. Squad Core Portal : → Authentification, droits d’accès, métadonnées, navigation dans le système de fichiers du microscope. → Intégration d’un nouveau design system. BU Life Science : → Développement des visualiseurs 2D/3D et de plugins selon les techniques d’acquisition. → Référent front-end : cadrage technique, revues de code, alignement standards, accompagnement des devs sur les sujets UI/archi. → Réduction de la dette technique : extraction de libs, montées de version, refactoring. → Extraction de features legacy dans un nouveau workspace dédié. Contributions / résultats : → Livraison et consolidation du Core Portal (accès, métadonnées, navigation fichiers) + adoption du design system. → Renforcement du périmètre Life Science (2D/3D viewers, plugins) + assainissement du socle (legacy → workspace, dette technique). → Mise en place d’un cadre front plus homogène (standards, pratiques de review, cohérence UI). Contexte technique : Angular, NodeJS, REST, RxJs, NX, HTML, SCSS, Typescript, Bootstrap, eCharts, Karma, Jasmine, Kubernetes, Docker, Python, FastAPI, .NET Core

[Temps partiel] Haryon est une startup du secteur de la cybersécurité, spécialisée dans l’automatisation des tests d’intrusion et la validation continue des actions de sécurisation (continuous security validation). J’ai rejoint l’équipe sur un poste R&D / conseil afin de participer au proof of concept Knock Xplore : une application de dashboard cybersécurité dédiée à la visualisation et à l’exploration des vulnérabilités d’un SI (CVE) et de son mapping réseau. L’équipe était composée de 4 développeurs, 1 expert IA (CTO), 1 expert cyber et 1 CEO. Mes responsabilités : → Concevoir et développer un dashboard permettant d’explorer les vulnérabilités CVE issues d’un scan automatisé. → Mettre en place une visualisation réseau (force-directed) pour représenter le mapping d’un SI. → Construire une UX orientée analyse : filtres, navigation, scénarisation (“hacker in residence”). → Contribuer au cadrage R&D : itérations rapides, validation de faisabilité, choix de librairies et patterns front. J’ai contribué aux évolutions suivantes : → Livraison d’un POC fonctionnel “Knock Xplore” pour explorer et prioriser des vulnérabilités CVE. → Mise en place d’une dataviz réseau interactive (force-directed) pour accélérer la compréhension du SI et des scénarios d’attaque. Contexte technique : Angular, TypeScript, RxJS, RxDB, amCharts, PWA.

Alcatel Submarine Networks (ASN) est un leader mondial des réseaux de câbles sous-marins en fibre optique (conception, fabrication, installation, maintenance). ASN revendique 850 000+ km de systèmes sous-marins déployés et une flotte dédiée de 7 navires câbliers. L’entreprise est derrière des systèmes emblématiques comme 2Africa et Amitié, qui illustrent l’échelle et l’exigence de ses déploiements. J’ai rejoint ASN comme Tech Lead sur Kraken : un outil de cotation de projets de fibre optique sous-marine, pour remplacer les outils existants, fluidifier le workflow et réduire le risque d’erreur. Le produit devait fonctionner online/offline (zones sans connexion, contraintes cybersécurité), y compris en collaboratif offline via transferts chiffrés sur clé USB. Enjeu clé : garantir une continuité de travail et une cohérence des données en environnement contraint, sans compromis sur la sécurité. L’équipe était composée de 4 développeurs, 1 directrice artistique, 1 chef de projet. Mes responsabilités : → Définir et piloter l’architecture front-end et les standards. → Concevoir et développer une web app Angular offline-first (PWA + réplication). → Co-concevoir wireframes/mockups avec la DA (validation PO). → Travailler avec la squad cybersécurité sur la gestion des données sensibles + transferts offline chiffrés. → Développer les modules de cotation : routes & scénarios, catalogue & pricing, chiffrage équipements (subsea/in-land) et services marins, taxes, contrôle data + cashflow, import/export. Contributions / résultats : → Architecture offline-first pour travailler sans internet en zones isolées. → Collaboratif offline via clé USB chiffrée. → Socle de cotation complet (route, scénarios, catalogue, coûts/prix, équipements, taxes, contrôle, import/export). Contexte technique : Angular, NodeJS, NestJS, GraphQL, REST, RxDB, RxJS, NgRx, HTML, SCSS, TypeScript, Angular Material, Kendo, Karma, Jasmine, MongoDB, Docker, UX UI

Schlumberger est un acteur mondial des technologies et services pour l’énergie. J'ai rejoint la division Fiber Optics : l’objectif est de permettre des opérations de surveillance / exploration sur des installations (pipelines, forages, offshore/onshore) via un réseau de câbles fibre optique et une chaîne hardware d’acquisition (phase → vibrations, températures). J’ai travaillé sur deux projets similaires portés par deux équipes (Houston, Texas & Clamart, France), avec un enjeu clé : converger les fonctionnalités et accélérer la livraison. Je me suis rendu à Houston pour rencontrer l’équipe et acquérir les connaissances nécessaires, puis j’ai formé et accompagné l’équipe en France sur le projet jumeau. L’équipe était composée de 4 développeurs fullstack, 2 technical leaders (métier & technique), 1 chef de projet et une équipe de physiciens. Mes responsabilités : → Écrans de paramétrage + dashboards de monitoring / data viz (vibrations, température). → DxS (Houston) : cycle dev/maintenance, support de tests terrain pour 2 clients (dont Louisiana State University). → ProdComm (Clamart) : intégration des fonctionnalités température/dataviz de DxS + design system in-house, amélioration UI (guidelines). → Portage d’une infra on-premise isolée vers une infra déployable sur cloud. → Intégration du framework cybersécurité interne pour l’accès aux services cloud. → Convergence des deux projets (alignement, réutilisation, consolidation). Contributions / résultats : → Handover Houston → France (montée en autonomie de l’équipe). → Mutualisation des fonctionnalités (température/vibrations, dataviz, standards UI) pour réduire la duplication et accélérer la livraison. → Application déployable on-prem isolé et cloud, avec intégration du framework cybersécurité interne. Contexte technique : .NET Core, Express.js, Angular, TypeScript, HTML, SCSS, Angular Material, Karma, Jasmine, PostgreSQL, ZeroMQ, Python, Flask, Docker, Azure DevOps, GCP, App Engine, Compute Engine, UX/UI.

Ubisoft est l’un des principaux éditeurs et studios de jeux vidéo au monde, avec ~15 000 collaborateurs dans 29 pays et des franchises mondiales comme Assassin’s Creed, Far Cry ou Rainbow Six. J’ai travaillé sur deux périmètres : - Projet ZForecast (R&D → Scrum) : Plateforme d’analyse prédictive des ventes des franchises Ubisoft (acquisition, activité, monétisation), basée sur un SLM développé en interne. Objectif : projeter des KPIs, comparer des scénarios et estimer l’impact d’événements (release, promos, calendrier). J’ai contribué à la mise en produit du modèle : exposition via API, fiabilisation des flux, et création de dashboards orientés décision (scénarios / simulation). Équipe : 4 data scientists, 1 data engineer, 1 dev backend, 1 dev fullstack, 1 CP. - Digital Workplace (Scrum) : Suite d’outils transverses utilisés par des équipes multi-studios : réseau social d’entreprise (Mana), RH/carrière (HRTB), e-learning (ULearn), streaming (Video Services), catalogue/proxy d’APIs (UCS), DAM (Mambo). Migration AngularJS → Angular sur plusieurs applications, avec montée en qualité et modernisation progressive du front. Équipe : ~20 devs fullstack, 2 Tech Lead, 2 QA, 1 CP. Mes responsabilités : → Développement fullstack Angular/.NET + UI/UX (mockup, intégration, cohérence). → Construction de dashboards orientés décision (dataviz, temps réel via SignalR, scénarios/simulation). → Intégration design system et alignement avec les guidelines. → Industrialisation (CI/CD, releases), maintenance, bug fixing, réduction de dette technique. Contributions / résultats : → Livraison de ZForecast (prédictif + scénarios) pour rendre les KPIs lisibles et exploitables. → Mise à disposition d’outils internes à large échelle pour les studios, avec un focus maintenabilité et cohérence UI. Contexte technique : .NET Core, Web API, Angular, TypeScript, Kendo UI, D3.js, SQL Server, EF Core, SignalR, Python, Flask, Celery, Teradata, Docker, Jenkins, GitLab, Octopus, TFS, UX/UI.

[En mission ESN via Soat] Talentsoft est un éditeur SaaS RH (gestion des talents, performance, recrutement, learning) destiné aux grandes entreprises. Talentsoft a été acquis par Cegid en 2021. Talentsoft annonçait ~2 000 clients et ~9 millions d’utilisateurs. J’ai rejoint Talentsoft, au sein de l’équipe UXP, pour contribuer au produit Career (talent & performance management) avec un focus sur la refonte visuelle, l’évolution fonctionnelle et la réduction de dette technique. Équipe : 4 développeurs fullstack, 1 tech lead, 1 product owner. Mes responsabilités : → Développer et faire évoluer des fonctionnalités clés : revue de performance, dashboard de management, correctifs et stabilisation. → Concevoir et implémenter une interface connectée à Yammer (intégration + UX). → Jouer un rôle d’interface avec l’équipe design : clarification des specs, cohérence UI, intégration “pixel-perfect”, R&D sur les composants. → Participer à la migration du legacy vers une nouvelle infrastructure et à la réduction de la dette technique. Contributions / résultats : → Livraison d’évolutions produit sur Career (performance review, dashboards, intégration Yammer) + stabilisation des modules existants. → Accélération de la modernisation (migration, dette technique) et amélioration de la cohérence UI via un meilleur lien dev/design. Contexte technique : .NET Framework, ASP.NET MVC, Web API, Entity Framework, SQL Server, HTML, SASS, JavaScript, KnockoutJS, TDD, Jenkins, Photoshop, UX/UI.

[En mission ESN via Soat] CentrX (ex StratX ExL) est une société spécialisée dans l’experiential learning (“learning by doing”) et les business simulations pour la formation et le développement des compétences. Côté simulations (StratX Simulations), l’entreprise met en avant une adoption large : 1M+ de participants dans 60 pays, utilisée par des enseignants de 500 business schools et des entreprises. En mission via SOAT, j’ai participé à la conception, au développement et au design d’une nouvelle simulation de stratégie marketing : MediaPro (MVP / socle produit). Équipe : 3 développeurs et 1 chef de projet. Mes responsabilités : → Concevoir les premiers parcours et écrans (UX/UI) et assurer une intégration propre. → Développer le socle de la plateforme/simulation et les premiers modules fonctionnels. → Poser une base maintenable pour itérer vite (structure projet, conventions, qualité). Contributions / résultats : → Livraison d’un MVP fonctionnel de MediaPro, prêt à être enrichi et industrialisé. → Mise en place d’une fondation produit et UI cohérente pour accélérer les itérations. Contexte technique : .NET Framework, ASP.NET MVC, SignalR, ADO.NET, SQL Server, T-SQL, HTML, SASS, JavaScript, KnockoutJS, Bootstrap, UX/UI.

SOAT est une ESN basée à Paris, qui a rejoint le groupe Néosoft en 2021. Avant son acquisition par Néosoft, SOAT annonçait ~300 collaborateurs, 150+ clients et ~38 M€ de CA. J'ai rejoint l'entreprise dans le cadre d’un contrat de professionnalisation durant mon Master of Science. Au sein de la Direction Technique, j’ai été responsable de la modernisation de l’extranet/intranet consultant : conception, UI/UX, développement. Refonte de l’extranet consultant (migration Silverlight → Web) → Refonte complète d’un extranet legacy Silverlight (non responsive, technologie en déclin) vers une application web moderne, 100% responsive (desktop, mobile, tablette, TV). → Refonte des parcours et modules : carrière, RH/management, CRA (comptes-rendus d’activité), recrutement & entretiens techniques, trombinoscope. → Conception UI/UX (research + design + intégration), en m’appuyant sur les principes Metro UI (aka Modern UI) : navigation, lisibilité, hiérarchie visuelle, composants Bootstrap. → Structuration du back (architecture orientée services) et sécurisation des échanges (WCF/services). Refonte du blog SOAT → Refonte technique + design du blog WordPress, intégration responsive (PHP/Bootstrap). CRM Salesforce → Développements Salesforce + migration/reprise de données depuis l’ancien CRM. Contributions / résultats : → Sortie de Silverlight et pérennisation de la plateforme. → Extranet utilisable sur tous supports, UX modernisée, parcours RH centralisés. → Maintenance simplifiée grâce à une base web standardisée. Contexte technique : .NET Framework, ASP.NET MVC, WCF, SOA, ADO.NET, SQL Server, T-SQL, HTML, CSS, JavaScript, Bootstrap, WordPress, PHP, Photoshop, Salesforce, Apex, SOQL.

DRPJ / DPJ-PP – Sous-Direction du Soutien à l’Investigation Service historique de la PJ parisienne (créée en 1913, ex « 36 quai des Orfèvres », aujourd’hui 36 rue du Bastion). J’ai exercé comme policier au sein de la Sous-direction du soutien à l’investigation, en parallèle de mes études à distance (BTS IG puis Bachelor of Science). J’ai pu démarrer ma carrière de développeur sur des besoins concrets : cadrage, conception, UI/UX et développement, dans un contexte exigeant (confidentialité, traçabilité, fiabilité). Équipe : 4 policiers, 1 officier, 1 commissaire de police. Rôle transverse (conseil / R&D / support) : → Conseil technique auprès de brigades d’enquête (qualification des besoins, appui outillage). → R&D / prototypage en lien avec le ST(SI)² (outillage / innovation). → Support technique sur des outils existants : CORAIL (Cellule opérationnelle de rapprochement et d’analyse des infractions liées) et MERCURE (outil lié notamment à l’exploitation des fadettes). → Appui technique ponctuel sur des sujets de cyber-investigation (dont expérimentations de type leurre / honeypot). Réalisations (conception / dev / UI-UX) : → WhoIS : application WPF d’identification/analyse de traces/indices cyber + génération de documents de réquisition (IP / nom de domaine). Contexte technique : .NET Framework, WPF, UX/UI → Fichier BEFTI : application web de centralisation des informations d’enquêtes de cybercriminalité de la Brigade d’Enquête sur les Fraudes aux Technologies de l’Information. Contexte technique : .NET Framework, ASP.NET MVC 4, ExtJS, UX/UI → BEDJi : application web de centralisation des décisions de justice non exécutées (Brigade de l’Exécution des Décisions de Justice + Service Régional de Documentation Criminelle). Contexte technique : Java, Play! Framework, ExtJS, UX/UI → POC WPF : visualisation de plans de déploiement stratégiques (Brigade de Recherche et d’Intervention + Brigade de Répression du Banditisme). Contexte technique : .NET Framework, WPF

Police Nationale – SDSIC (Sous-Direction des Systèmes d’Information et de Communication) La SDSIC est l’entité en charge des systèmes d’information et de communication au sein de la Police Nationale (outillage, applications, support et services SI). En parallèle de mon activité de policier (Police secours en brigade routière), j’ai réalisé un stage de 1ère année de BTS IG à distance (CNED) au sein de la SDSIC. Objectif : livrer un outil simple et immédiatement utile pour structurer le suivi d’activité. Réalisations : → Développement d’un outil de CRA (compte-rendu d’activité) pour faciliter la saisie, la centralisation et le suivi. → Conception UI/UX et implémentation front/back, avec prise en main par les utilisateurs.