Denis Masot

CityMatcher is a decision-support tool based on public data, allowing users to explore and compare cities based on concrete quality-of-life criteria. Project completed independently, with a product-oriented approach (scoping, UX, iterations) and a quality requirement adapted to client context. Designed to scale nationally (exploration across all of France).

- Needs definition and product scoping (user journeys, priorities, criteria)

- UX/UI design and iterations based on user feedback

- Front-end architecture, mapping, and data integration

- Construction of the Python data pipeline (collection, cleaning, normalization)

- Map and list exploration with filters

- Detailed city profiles (key indicators, thematic sections, comparison to benchmarks)

- City comparator for quick arbitration between options

- Internationalization FR/EN

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

Site:citymatcher.fr

Detailed case study:denismasot.fr/citymatcher

I joinedFrance Médias Mondeto work on the unified back-office used by the newsrooms of France 24, RFI, and Monte Carlo Doualiya (publishing and managing text, audio, and video content for Web and Mobile).

My role: front-end technical leadwith a focus onstabilization, structuring, and knowledge transfer.

What I did:

Skill development:training and support for3 back-end developerson Vue.js so they could deliver and maintain the front-end autonomously.

Architecture & quality:progressive reorganization of the front-end (conventions, modular breakdown, reusable patterns) to make the codebase more readable and maintainable.

Design system:implementation of a design system from mockups to standardize the UI and accelerate feature delivery.

Delivery:direct contribution to key features + debugging, with a consulting role on implementation choices.

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

Detailed case study:denismasot.fr/**francemediasmonde**

Prométhée Earth Intelligence (NewSpace) develops a ground observation platform for critical uses (crisis, maritime, climate).

Front-end technical leadin a front-end team of 4 (1 lead, myself, 1 dev, 2 external contractors) on a geospatial visualization app. Context: advanced mapping, RBAC with 5 roles, Scrum (3-week sprints).

What I led:

Mapping & data:GeoJSON attribute table, AOI, map/metadata synchronization, WMS/WFS integrations

Business workflow:Satellite tasking form with advanced consistency rules

Product & reliability:Collaborative drive (drag & drop, permissions), critical bug fixes, documentation

Performance focus (without numbers, but concrete):

Stabilization of map screens with high interaction (zoom/layers/large volumes) through **lazy loading, conditional rendering, progressive rendering**, and reduction of unnecessary UI processing.

Team support: code reviews, pair programming, dojos, conventions, and modular breakdown for a more readable and maintainable codebase.

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

Detailed case study:denismasot.fr/**promethee**