Understand the problem before proposing a system
Fullstack engineer · Paris
Every layerof the stack,owned.
I take products from interface and UX work, through the API and business logic, down to the database, the pipeline and the machine it runs on. This site is built to demonstrate that rather than claim it — the architecture section below is a live map of this site's own system.
CurrentlyShipping client web and mobile work at The Coding Machine
From the first wireframe to the running process.
I work with founders and teams who need one person who can hold the whole picture — the interface people use, the logic behind it, and the pipeline that puts it in production. Based in Paris, shipping since 2020.
Clear interface, clear architecture, clear decisions
Ship it, measure it, and own what happens next
The stack, arranged by the layer it works in.
Not a logo wall. Each entry names where it was actually used — a role, a project, or this site's own infrastructure. Hover a row to see the evidence.
Depth
WorkingSolidLoad-bearing
Interface
10What the user touches. Rendering, state, motion, accessibility.
10 in this layer
Transport
6How the layers talk. Contracts, realtime, auth.
6 in this layer
Logic
9Where the rules live. Services, validation, business behaviour.
9 in this layer
Data
5What persists. Schema, queries, the cost of getting it wrong.
5 in this layer
Delivery
7Getting it into production and keeping it there.
7 in this layer
Four systems, shipped.
Each one is listed with the layers it actually touched, so the scope is legible rather than implied. Open a row for the detail.
Layer depth
InterfaceTransportLogicDataDelivery
Built a Nuxt 3 product that turns location, group size, and hobbies into more relevant trip suggestions, helping users explore travel options faster and discover rental agencies that fit their plans.
- Interface
- Nuxt 3Vue 3GeolocationPersonalization
- Logic
- TypeScript
Built a voice-first interview product that helps candidates practice in more realistic conditions, receive instant feedback, and improve faster through a structured end-to-end training experience.
- Interface
- React
- Logic
- ElevenLabsWhisperPythonAI
Built a tool that generates Notion pages for site audits, helping users quickly and efficiently assess the usability and performance of their digital products.
- Interface
- ReactTanStack
- Transport
- JWT
- Logic
- Node.js
- Data
- PostgreSQL
Implemented a secure real-time messaging layer for connected devices, enabling live coordination, dependable real-time exchanges between services.
- Interface
- Vue.js
- Transport
- MQTTSocket.IO
- Logic
- Express
- Data
- MongoDB
This site, explaining itself.
Every node below is a real file, process or service in this repository — not an illustration. 16 components, 19 calls, and no database, because a portfolio does not need one.
- Nodes
- 16
- Edges
- 19
- Layers
- 6
- Databases
- 0
System graph
ClientEdgeAPILogicDataInfra
Tap a component to inspect it · scroll the diagram sideways
Loading graph…
Components16
Nitro server
.output/server/index.mjsThe single Node process serving both SSR and the API. Runs under systemd on one VM, which is why the in-memory rate limiter is sound here and would not be behind two replicas.
- Process
- 1
- Node
- 20
Connects to
Six years of stack, accumulating.
Every technology below is placed at the year it first appears in my real record. Reading across shows the stack broadening; reading down shows which layer it broadened into.
- Distinct tech
- 34
- Span
- 2020–2026
Stack growth by year. Select a year to read what arrived and which role it came from.
Chef de Projet / Fullstack JS Developer
The Coding MachineParis, FranceFeb 2024 — Presentlive
Delivered custom web and mobile solutions shaped around client goals, with a strong focus on execution, communication, and production-ready outcomes.
- Shipped custom web and mobile features
- Bridged client needs and technical execution
- Delivered solutions aligned with business requirements
A real audit, free, in four minutes.
I assess sites against 42 criteria in six categories. The tool below runs that methodology on your site — and fetches your live page to generate a scored UX review alongside it.
Your page is fetched server-side, stripped to its structure and content, then scored on six axes with a prompt calibrated to state its own limits — it will not claim to judge what HTML cannot show.
- Visual design
- Navigation clarity
- Conversion UX
- Content hierarchy
- Credibility signals
- Messaging clarity
- Fetch guard
- Private and loopback ranges refused
- Output
- Rebuilt field by field before display
- Delivered
- On screen, and by email with your answers
Tell me what you're building.
Goes straight to my inbox with your address set as the reply-to. I answer everything that isn't a template.