opening the binder…
Loading the 3D portfolio
hola, I’m
Full-stack developer in Barcelona. I build internal tools, workflow automations and the tests that keep them honest — with Claude in the loop.
3 lines, one stop: today
Three roles at once in 2026, each one a metro line that runs into today.
mesoestetic® Pharma Group · training contract
Sep 2026 → now · Viladecans · hybrid
Next.js 16 · React 19 · TypeScript · Tailwind 4 · PostgreSQL · Radix UI · Recharts
PROVEN · talent validation platform
Jul 2026 → now · Remote · part-time
Jira · Confluence · Playwright · Gherkin · Agile
ESYPA CASA · reformas integrales · part-time
Apr 2026 → now · Barcelona · hybrid
TypeScript · Node.js · PostgreSQL · Docker · n8n · Cloudflare
Chapter 1 of 6 · next: Work
pick a folder — someone’s hiding
Six things I built or helped build, each with the number that proves it.
MetròpolisFPLab 2026 · for mesoestetic®
WINNER1st place
mesoestetic® challenge, team of four
An internal app that measures what employees learn in the training they take. The implementation is confidential — happy to walk through my part in a call.
HackBarna 2026 · Norrsken House
HACKATHON6 h 08 min
early warning on the Ávila fire replay
A voice agent that calls residents ahead of a wildfire, routes them out and ranks who needs rescue for the coordinator.
Own project · NVIDIA Nemotron
ARCHIVED10 / 10
receipt dates read right, in 6 languages
Snap a receipt: an open model reads it, deterministic code applies the consumer law of the country of purchase and drafts the claim letter.
Astro + three.js · 2026
YOU ARE HEREyou are here
this very binder
This site: a ring binder in three.js over static Astro, bilingual, with the same sticker kit and sidekick as my GitHub profile.
SaaS · product
PRODUCTestimates
for renovation companies
An app for renovation companies to put together their construction estimates.
Ongoing · for ESYPA CASA
INTERNALevery day
people depend on it
An internal project for ESYPA CASA that turns manual processes into automated ones. AI structures and drafts, but never decides the numbers; the rest is confidential.
Chapter 2 of 6 · next: AI
my favourite part
How a feature actually gets built: I own the scope and the merge, the agents do the legwork in between.
parallel subagents
Context it starts with
Guardrails I keep
Chapter 3 of 6 · next: Stack
the keys I actually press
Grouped the way I use them. A coloured key is daily work, a white one has shipped in a real project, a dashed one is what I’m exploring.
Chapter 4 of 6 · next: About
the honest version
I started programming well before the syllabus got there: while class was on the theory, I had already broken and fixed the practical at home. So I read the actual documentation, try things, and take nothing as good until I’ve seen it run.
Today I’m in my second year of DAW while working in three places: full-stack at mesoestetic®, the internal app at ESYPA CASA, and QA at PROVEN.
The model writes roughly 90% of the keystrokes. The other 10% is the job: scoping the problem, deciding what’s worth shipping, debugging what the model got wrong, and understanding every line that ends up in main.
— Roger
Chapter 5 of 6 · next: Say hi
drop me a line
Barcelona — on-site, hybrid or remote. Reach out even if the fit isn’t obvious.
crtitofarez@gmail.comusually replies in 1–2 days
