Saltar al contenido
Roger Tito

abriendo la carpeta…

Cargando el portfolio en 3D
La carpeta de anillas de Roger sobre una alfombrilla de corte: pegatinas en la tapa, separadores de colores asomando por el lado y la mascota saludando desde arriba.

hola, soy

Roger Tito Farez

Desarrollador full-stack en Barcelona. Construyo herramientas internas, automatizaciones y los tests que las mantienen honestas, con Claude en el bucle.

  • Full Stack Dev · mesoestetic®
  • DAW · 2.º curso
  • Català · Español · English
La carpeta abierta por Experiencia: tres líneas de metro llegan a un cartel de Hoy en la página izquierda y tres billetes de metro se levantan en la derecha.

Experiencia

3 líneas, una parada: hoy

Tres trabajos a la vez en 2026, cada uno una línea de metro que llega a hoy.

Full Stack Developer

mesoestetic® Pharma Group · contrato de formación

sep 2026 → hoy · Viladecans · híbrido

  • App interna para medir lo que aprenden los empleados en las formaciones que realizan, hecha en un equipo de cuatro.
  • Desarrollo con IA: Claude Code y MCP metidos en el día a día del equipo.
  • Ganamos el reto de mesoestetic® en MetròpolisFPLab (Fundació BCN FP · Área Metropolitana de Barcelona).

Next.js 16 · React 19 · TypeScript · Tailwind 4 · PostgreSQL · Radix UI · Recharts

VÁLIDO · HOY

QA Testing

PROVEN · plataforma de validación de talento

jul 2026 → hoy · Remoto · media jornada

  • QA de una plataforma que valida habilidades reales con autoevaluación y revisión anónima entre pares.
  • Backlog de Jira ordenado en épicas, problemas y funcionalidades; cada defecto seguido de la incidencia al cierre.
  • Con Jon Kern, coautor del Manifiesto Ágil, como mentor en entrega ágil.

Jira · Confluence · Playwright · Gherkin · Agile

VÁLIDO · HOY

Full Stack Developer

ESYPA CASA · reformas integrales · media jornada

abr 2026 → hoy · Barcelona · híbrido

  • App interna que sustituye un proceso manual por uno automático: hay gente que depende de ella cada día.
  • Monto y mantengo su infraestructura: VPS privado, dominio y DNS en Cloudflare, flujos en n8n.
  • IA con límites claros: el modelo estructura y redacta, pero nunca decide los números.

TypeScript · Node.js · PostgreSQL · Docker · n8n · Cloudflare

VÁLIDO · HOY

Capítulo 1 de 6 · siguiente: Trabajo

La carpeta abierta por Trabajo: seis carpetas de proyecto en tonos pastel se levantan de la página derecha, cada una con su dato y su sello.

Trabajo seleccionado

elige una carpeta: alguien se esconde

Seis cosas que he construido o he ayudado a construir, cada una con el dato que lo demuestra.

Training Hub

MetròpolisFPLab 2026 · para mesoestetic®

WINNER

1.er puesto

reto de mesoestetic®, equipo de cuatro

Aplicación interna para medir lo que aprenden los empleados en las formaciones que realizan. La implementación es confidencial: te cuento mi parte en una llamada.

NEXT.JSTYPESCRIPTPOSTGRESQL
HackFire

HackBarna 2026 · Norrsken House

HACKATHON

6 h 08 min

de aviso en la reproducción del incendio de Ávila

Un agente de voz que llama a los vecinos antes de que llegue un incendio, les da una ruta de salida y ordena para el coordinador quién necesita rescate.

PYTHONREACTNEMOTRONAbrir el caso →
garantia

Proyecto propio · NVIDIA Nemotron

ARCHIVADO

10 / 10

fechas de tique bien leídas, en 6 idiomas

Haces una foto al tique: un modelo abierto lo lee y código determinista aplica la ley de consumo del país de compra y redacta la reclamación.

TYPESCRIPTASTROZOD
rogertito.com

Astro + three.js · 2026

ESTÁS AQUÍ

estás aquí

esta misma carpeta

Esta web: una carpeta de anillas en three.js sobre Astro estático, bilingüe, con el mismo kit de pegatinas y la misma mascota que mi perfil de GitHub.

ASTROTHREE.JSCLOUDFLARE
Spectranet

SaaS · producto

PRODUCTO

presupuestos

para empresas de reformas

Una aplicación para que las empresas de reformas preparen sus presupuestos de obra.

SAAS
Automatización interna

En curso · para ESYPA CASA

INTERNO

cada día

hay gente que depende de ella

Un proyecto interno para ESYPA CASA que convierte procesos manuales en automáticos. La IA estructura y redacta, pero nunca decide los números; el resto es confidencial.

TYPESCRIPTN8NPOSTGRESQL

Capítulo 2 de 6 · siguiente: IA

La carpeta abierta por IA: tarjetas desplegables para Yo, Claude Code con la mascota encima, tres subagentes y main, unidas por líneas discontinuas con paquetes encima.

Ingeniería con IA

mi parte favorita

Claude, más allá del autocompletado.

Así se construye de verdad una funcionalidad: el alcance y el merge son míos, y los agentes hacen el trabajo de en medio.

  1. Yoalcance · decidoClaude Codeplanifica y reparte el trabajo
  2. subagentes en paralelo

    • exploremapea el código
    • buildtest primero, en trozos pequeños
    • reviewcontexto nuevo, ojos nuevos
  3. mainsolo lo que entiendo

El contexto con el que empieza

  • CLAUDE.md
  • AGENTS.md
  • skills/
  • memory/
  • MCP servers

Las reglas que mantengo

  • Evals contra respuestas escritas a mano
  • Salida validada con un esquema
  • El modelo lee, el código decide
  • Reviso cada merge

Capítulo 3 de 6 · siguiente: Stack

La carpeta abierta por Stack: un teclado en tonos pastel sobre la página derecha, una tecla por tecnología, algunas pulsadas.

Stack

las teclas que de verdad pulso

Agrupado como lo uso. Una tecla de color es trabajo diario, una blanca ya ha salido en un proyecto real y una discontinua es lo que estoy explorando.

  • a diario
  • usado en proyectos reales
  • explorando

IA y agentes

  • a diario: Claude Code
  • a diario: Subagentes y orquestación
  • a diario: Context engineering
  • a diario: Skills
  • a diario: MCP servers
  • usado en proyectos reales: n8n
  • usado en proyectos reales: NVIDIA NIM
  • usado en proyectos reales: Agentes de voz
  • explorando: OpenAI API

Frontend

  • a diario: HTML
  • a diario: CSS
  • a diario: TypeScript
  • a diario: React
  • a diario: Next.js
  • a diario: Tailwind CSS
  • usado en proyectos reales: JavaScript
  • usado en proyectos reales: Astro
  • usado en proyectos reales: Recharts
  • usado en proyectos reales: Radix · shadcn
  • explorando: MapLibre

Backend y datos

  • a diario: Node.js
  • a diario: PostgreSQL
  • usado en proyectos reales: PHP
  • usado en proyectos reales: Symfony
  • usado en proyectos reales: MySQL
  • usado en proyectos reales: Drizzle
  • usado en proyectos reales: Power BI
  • usado en proyectos reales: Java
  • explorando: Python

Infra y DevOps

  • a diario: Docker
  • a diario: Linux VPS
  • a diario: Cloudflare
  • a diario: GitHub
  • usado en proyectos reales: Traefik
  • usado en proyectos reales: GitHub Actions
  • usado en proyectos reales: Railway

Calidad y proceso

  • a diario: Jira
  • a diario: Agile
  • usado en proyectos reales: Playwright
  • usado en proyectos reales: Vitest
  • usado en proyectos reales: Gherkin
  • usado en proyectos reales: zod
  • usado en proyectos reales: Confluence

Capítulo 4 de 6 · siguiente: Sobre mí

La carpeta abierta por Sobre mí: una página de libreta a la izquierda; a la derecha, tres etiquetas de servicios colgadas de un cordel, tres notas adhesivas y la mascota saludando.

Sobre mí

la versión honesta

Construyo y pruebo software que la gente ya usa cada día.

Empecé a programar bastante antes de que el temario llegara: cuando en clase tocaba la teoría, yo ya había roto y arreglado la práctica en casa. Por eso leo la documentación de verdad, pruebo, y no doy nada por bueno hasta verlo funcionando.

Hoy estoy en segundo de DAW mientras trabajo en tres sitios: full-stack en mesoestetic®, la app interna de ESYPA CASA y QA en PROVEN.

El modelo escribe más o menos el 90 % de las teclas. El otro 10 % es el trabajo: acotar el problema, decidir qué merece salir, depurar lo que el modelo hizo mal y entender cada línea que acaba en main.

— Roger

  • vivo enBarcelona, España
  • habloCatalà · Español · English
  • trabajoRemoto · híbrido en BCN

Lo que puedo hacer por ti

elige una etiqueta
  • S.01Una web rápida y lista para venderTan rápida como esta, fácil de encontrar en Google y con un formulario cuyos mensajes llegan de verdad a donde tienen que llegar.Pedir presupuesto
  • S.02Automatizar tareas repetitivas con IAEse proceso manual que repites cada semana, convertido en algo que funciona solo y te avisa cuando algo no cuadra.Ver si encaja
  • S.03Tests que evitan sustos en producciónCada versión pasa por los escenarios que tus clientes usan de verdad antes de llegarles.Auditoría gratis

Capítulo 5 de 6 · siguiente: Escríbeme

La contraportada de la carpeta: un sobre con la solapa abierta y una carta asomando, un sello con la mascota y un avión de papel que sale volando con su estela.

escríbeme unas líneas

Escríbeme.

Barcelona: presencial, híbrido o en remoto. Escríbeme aunque el encaje no sea obvio.

crtitofarez@gmail.com

suelo responder en 1–2 días