Denis Masot

CityMatcher est une application web d'aide à la décision qui permet de rechercher et comparer des villes selon des critères de vie concrets. Le produit évolue vers une couverture nationale afin de permettre une exploration sur toute la France, avec une expérience conçue pour rendre lisibles des données complexes et faciliter le choix. – Définition du besoin et cadrage produit (parcours, priorités, critères). – Conception UX/UI et itérations à partir de retours utilisateurs. – Architecture front-end, cartographie et intégration des données. – Construction du pipeline data Python (collecte, nettoyage, normalisation). – Exploration par carte et liste, avec filtres. – Fiches villes détaillées (indicateurs clés, sections thématiques, comparaison à des références). – Comparateur multi-villes pour arbitrer rapidement entre plusieurs options. – Internationalisation FR/EN. – Architecture Next.js App Router avec découpage par domaines (villes, filtres, cartographie, services). – Cartographie MapLibre avec clustering (Supercluster) pour performance et lisibilité. – TypeScript strict, conventions de code et linting, tests unitaires sur la logique critique (filtres, utilitaires). – Pipeline Python pour générer et enrichir les datasets consommés par l'application, avec garde-fous sur les données manquantes. – Frameworks & langages : Next.js, React, TypeScript, Tailwind CSS, Python (pipeline data), – Cartographie : MapLibre, Supercluster – Testing : Jest, React Testing Library – Outils : ESLint, i18n

France Médias Monde (France 24, RFI, MCD) est un groupe audiovisuel public diffusant en 20 langues, avec plus de 1 800 journalistes à travers le monde. Au sein de la Direction des Environnements Numériques (DEN), j'ai participé à la refonte du back-office "Bach v2”, outil central de gestion éditoriale permettant la création et la publication d'articles, vidéos et contenus audio sur toutes les plateformes. Le projet, déjà amorcé à mon arrivée, visait à moderniser l'architecture front-end pour offrir plus de performance, de modularité et de cohérence dans un environnement critique à fort trafic. – Référent front-end, responsabilité de l'architecture et des standards. – Définition de l'architecture Vue.js, des normes de code et des bonnes pratiques de développement. – Formation des développeurs back-end à Vue.js (revues de code, pair programming, documentation). – Collaboration étroite avec le Product Owner et les développeurs back-end pour garantir la cohérence technique et fonctionnelle. – Contribution active aux décisions d'orientation technique et à la planification produit. – Structuration du socle front-end: mise en place des fondations du projet (architecture, typage, conventions, dossiers, helpers). – Design System modulaire : démonstration de la pertinence de l'Atomic Design via une feature pilote, puis définition du plan de mise en œuvre sur un sprint sur deux. – Navigation unifiée: conception et développement de la nouvelle navbar centrale, point d'entrée du back-office pour les journalistes. – Formation et documentation: accompagnement des développeurs back-end à la prise en main de Vue.js et des bonnes pratiques front-end. – Optimisation des performances: refonte de composants lourds pour garantir fluidité et légèreté sur des connexions instables. – Participation produit et agile: contribution aux sprints (planning, review, démo, rétro) dans un cadre Scrum structuré. – Frameworks & langages: Vue.js 3, JavaScript (ES6+), Vuetify, SCSS – Outils & DevOps : GitLab (hébergé sur Claranet), Docker, VPN interne – Méthodologie: Scrum (sprints de 2 semaines, daily, planning, review, rétro) – Enjeux clés: Performance, modularité du code, montée en compétence de l'équipe

Prométhée Earth Intelligence est une entreprise française du NewSpace spécialisée dans l'observation de la Terre par satellite. Elle développe des outils numériques pour visualiser, analyser et exploiter des données géospatiales à des fins stratégiques, environnementales ou sécuritaires. J'ai été recruté pour épauler le lead développeur front-end dans le cadre du développement d'EOP, une application web de visualisation de données satellites enrichies, utilisée notamment par des institutions publiques. Le projet reposait sur des enjeux techniques forts (performance, sécurité, géospatial) et une exigence élevée en matière de qualité de code. – Référent technique front-end aux côtés du lead développeur – Accompagnement des développeurs sur Vue.js, structuration du code, bonnes pratiques – Encadrement technique quotidien : pair programming, revues de PR, dojos – Coordination avec les équipes produit, design, back-end et architecture – Garantie de la qualité, de la maintenabilité et de la cohérence du front-end – Formulaire de tasking satellite: Conception d'une interface avancée pour commander des produits d'imagerie : dessin de zones d'intérêt sur carte, contraintes temporelles, priorités, angles d'acquisition... – Système RBAC complet : Implémentation d'une gestion fine des rôles (Viewer, User, Manager, Admin), intégrée à une authentification SSO via AWS Cognito. – Cartographie avancée: Affichage fluide de données géospatiales lourdes (Mapbox, MapTiler), intégration de flux OGC (WMS/WFS), interactions enrichies (hover, click, focus dynamique). – Table d'attributs GeoJSON : Développement d'un tableau interactif pour exploiter les métadonnées associées à chaque fichier géographique : tri, filtrage, recherche, synchronisation avec la carte. – Refonte du Drive collaboratif : Amélioration UX et technique : drag-and-drop, synchronisation carte/projets, gestion avancée des droits d'accès par utilisateur. – Internationalisation & qualité de code: Mise en place d'un système i18n (FR / EN-US), structuration des composants Vue.js 3, conventions de code, revues systématiques, tests et documentation. – Frameworks & langages : Vue.js 3 (Composition API), TypeScript, Pinia, SCSS, TailwindCSS – Cartographie: Mapbox, MapTiler, Mapbox Draw, OGC Client (WMS/WFS) – Sécurité & auth: AWS Cognito, RBAC, i18n – Outils: Axios, GitLab CI/CD, Jira, Confluence – Méthodologie: Scrum (sprints de 3 semaines, daily, review, rétro)

CheckMyGuest est une entreprise spécialisée dans la gestion locative courte et moyenne durée, accompagnant des propriétaires dans l'optimisation de leurs revenus locatifs via des plateformes comme Airbnb ou Booking. J'ai été recruté pour piloter la refonte complète de l'application métier interne, utilisée quotidiennement par les équipes opérationnelles (agents de ménage, gestionnaires, support, logistique). L'objectif était de moderniser l'architecture front-end, d'améliorer la maintenabilité et d'accélérer la livraison de nouvelles features. – Encadrement technique de l'équipe front-end (interne + prestataires externes) – Formation d'un développeur junior, transmission des bonnes pratiques Vue.js – Refonte technique incrémentale d'une application en production (sans interruption du service) – Conception et mise en œuvre d'un design system complet, documenté dans Storybook et testé avec Chromatic – Lien direct avec les équipes métiers pour cadrer les besoins et prioriser les développements – Garant de la qualité du code : pair programming, revues de PR, clean code, documentation – Participation active aux rituels agiles: daily, sprint planning, démos, rétrospectives (sprints de 2 semaines) – Contribution au recrutement : rédaction de tests techniques, entretiens front-end et back-end – Suppression progressive du legacy jQuery et migration vers Vue.js + Nuxt.js, tout en maintenant l'application en production sans interruption. – Refactorisation en profondeur : composants divisés, structure allégée (~6000 lignes ramenées à ~400 lignes par composant), amélioration drastique de la maintenabilité. – Mise en place de l'architecture Atomic Design pour normaliser la création d'interfaces modulaires. – Création d'un design system centralisé documenté dans Storybook et validé par Chromatic. – Mise en place d'un monorepo pour unifier l'évolution des composants partagés et limiter les effets de bord sur les différents projets. – Tests visuels automatisés pour sécuriser chaque évolution UI. – Développement de tableaux dynamiques adaptables aux modèles métiers, avec typage strict et injection dynamique de composants (icônes, statuts, dates, actions...). – Création de pages dynamiques assemblées à partir d'une configuration métier pour accélérer la création de nouvelles vues fonctionnelles. – Modal Manager : gestion contextuelle d'actions conditionnées selon le rôle et l'état métier. – Recherche universelle : moteur transverse pour accéder rapidement aux réservations, propriétaires, logements, voyageurs et maintenances. – Internationalisation : application multilingue (FR, EN, RU) grâce à i18n. – Pages détail dynamiques : pages adaptables au contexte métier, affichage conditionnel des informations et actions. – API et legacy : évolutions et corrections de routes API en PHP. – Sécurité et accessibilité : feature de récupération de mot de passe, revue UX et améliorations d'accessibilité selon les référentiels RGAA et WCAG – Optimisations sur sites vitrines et espaces propriétaires via audits Lighthouse et suivi des Core Web Vitals (performance, SEO, bonnes pratiques), avec actions correctives ciblées – Participation à l'amélioration continue du SEO et du suivi analytics sur les sites vitrines – Rédaction de tests techniques front-end, évaluations de code, et conduite d'entretiens de recrutement pour renforcer l'équipe. – Frameworks & langages : Vue.js 2, Nuxt.js, Composition API, TypeScript, JavaScript ES6, TailwindCSS, PHP – Architecture & composants: Atomic Design, Design System, Monorepo – Tests & qualité: Storybook, Chromatic, Jest, Revues de PR, Pair programming – Outils & CI/CD: Axios, GitLab CI/CD, Jira, Confluence – Méthodologie: Scrum, sprints de 2 semaines, daily, sprint planning, démos, rétrospectives En parallèle du rôle principal, j'ai pris en charge une partie du développement de l'application mobile interne en React Native, destinée aux équipes de ménage pour optimiser les interventions et remonter les anomalies terrain avant l'arrivée des locataires (objets cassés, manquants, consommables, etc.). – Développement sur tickets (features et correctifs), debug et stabilisation, en parallèle de mon rôle de Lead front-end. – Gestion des releases mobiles iOS et Android, builds, vérifications et tests sur devices. – Développement de features métier : formulaires multi-étapes, pause de mission, parcours objets manquants ou abîmés, ajout de descriptifs – Stabilisation en production : debug et crash fixes, dont correction d'un bug de chronomètre lors de l'enchainement de missions – Mode dégradé offline côté client: retries à l'envoi et relances périodiques en arrière-plan en cas d'échec réseau – Internationalisation FR et RU, gestion des permissions (caméra, stockage, exécution en arrière-plan) – Publication iOS et Android : builds, signatures, certificats, versioning, screenshots, soumissions, itérations liées aux contraintes de validation Apple – React Native, TypeScript, i18n, API REST, App Store Connect, Google Play Console.

Nexence conçoit des solutions connectées (bornes tactiles, casiers intelligents) pour des acteurs du tourisme, du transport, du retail et du luxe. J'ai assuré la conduite de tous les projets front-end de l'entreprise, tout en formant et encadrant deux alternants au quotidien. J'ai participé à la transition de Nexence vers une stratégie produit, avec la création d'un SaaS embarqué en marque blanche, capable de s'adapter dynamiquement à chaque client dès le démarrage du terminal (locker ou borne). – Référent front-end sur l'ensemble des projets (Club Med, Westfield, SNCF, ARS, luxe...) – Développement d'un SaaS embarqué modulable (flow utilisateur, configuration dynamique JSON) – Encadrement technique et formation de deux alternants front-end – Mise en place de sub-modules réutilisables (design, traduction, composants) – Intégration de technologies physiques : RFID, QR code, TPE, écrans tactiles – Collaboration étroite avec les équipes produit, hardware, design et back-end – Démarrage automatique de l'app via navigateur embarqué, o identification du casier via son ID, – Réception d'un JSON de configuration (flow utilisateur, assets, traduction, branding), – Adaptation automatique de l'interface au client et au contexte d'usage. – Login via QR code, adresse e-mail, numéro de téléphone ou badge RFID, – Redirection vers le flow utilisateur approprié après identification. – Traduction multilingue (FR, EN, IT, ES), – Configuration dynamique, – Composants UI partagés entre tous les projets. – Intégration avec TPE Ingenico, – Parcours de location, paiement, calcul du temps d'usage, gestion des statuts. – Borne interactive Club Med : carte géographique dynamique, activités, localisation du personnel... – Vestiaires connectés pour l'industrie du luxe – Click & Collect: application web fonctionnelle livrée en 2 semaines pendant le confinement – Frameworks & langages : Vue.js 2 & 3, Vuex, Pinia, JavaScript ES6 – Temps réel & matériel: WebSockets, QR code, RFID, TPE (Ingenico) – Architecture & composants: SaaS embarqué, submodules, flows dynamiques JSON – Internationalisation : i18n multilingue (FR, EN, IT, ES) – Outils: Docker, Webpack, VSCode – Tests & qualité: Mocha, Chai – Méthodologie: approche produit, feedback utilisateurs, cycles d'itération rapide