Denis Masot

CityMatcher est un d’aide à la décision basé sur des données publiques, permettant d’explorer et comparer des villes selon des critères de vie concrets. Projet réalisé en autonomie complète, avec une approche orientée produit (cadrage, UX, itérations) et une exigence de qualité adaptée à un contexte client. Conçu pour s’étendre à l’échelle nationale (exploration sur toute la France).

- 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 de villes pour arbitrer rapidement entre plusieurs options

- Internationalisation FR/EN

Next.js, React, TypeScript, Tailwind CSS, Python (pipeline data), MapLibre, Supercluster, Jest, React Testing Library, ESLint, i18n, Vercel

Site : citymatcher.fr

Cas détaillé : denismasot.fr/citymatcher

J’ai rejoint France Médias Monde pour travailler sur le back-office unifié utilisé par les rédactions de France 24, RFI et Monte Carlo Doualiya (publication et gestion de contenus texte, audio, vidéo pour Web et Mobile).

Mon rôle : référent technique front avec un focus sur stabilisation, structuration et transmission.

Ce que j’ai fait :

Montée en compétence : formation et accompagnement de 3 développeurs back-end sur Vue.js pour qu’ils puissent livrer et maintenir le front en autonomie.

Architecture & qualité : réorganisation progressive du front (conventions, découpage modulaire, patterns réutilisables) pour rendre le codebase plus lisible et maintenable.

Design system : mise en place d’un design system à partir des maquettes, pour standardiser l’UI et accélérer la livraison des features.

Delivery : contribution directe sur des fonctionnalités clés + debugging, avec un rôle de conseil sur les choix d’implémentation.

Stack : Vue.js 3, TypeScript, Vuetify, Pinia, Vue Router, vue-i18n, Axios, Vite, Vitest, Sentry, GitLab, Docker.

Cas détaillé : denismasot.fr/francemediasmonde

Prométhée Earth Intelligence (NewSpace) développe une plateforme d’observation terrestre pour des usages critiques (crise, maritime, climat).

Référent technique front-end dans une équipe front de 4 (1 lead, moi, 1 dev, 2 externes) sur une app de visualisation géospatiale.

Contexte : cartographie avancée, RBAC 5 rôles, Scrum (sprints 3 semaines).

Ce que j’ai porté :

Cartographie & data : table d’attributs GeoJSON, AOI, synchro carte/métadonnées, intégrations WMS/WFS

Workflow métier : formulaire de tasking satellite avec règles de cohérence avancées

Produit & fiabilité : Drive collaboratif (drag & drop, droits), correction de bugs critiques, doc

Focus perf (sans chiffres, mais concret) :

Stabilisation des écrans carte à forte interaction (zoom/layers/gros volumes) via lazy loading, rendu conditionnel, rendu progressif et réduction des traitements UI inutiles.

Accompagnement équipe : code reviews, pair programming, dojos, conventions et découpage pour une base plus lisible et maintenable.

Stack : Vue 3, TypeScript, Pinia, Mapbox/Draw, MapTiler, OGC client (WMS/WFS), REST, Tailwind.

Cas détaillé : denismasot.fr/promethee