$ whoami --stack

Full-stack con base de infraestructura real.

Construyo aplicaciones completas con React, Next.js, Node.js y TypeScript sobre PostgreSQL, con tests, CI y despliegue real — no solo funcionando en local. La diferencia está en lo que viene después del deploy: cuando algo va lento o falla, sé dónde mirar.

Ver proyectosDescargar CV
$ status --allcomprobando

Comprobación HTTP real desde el servidor, cacheada 5 min

$ ls proyectos/

Proyectos

Los seis, cada uno con su caso de estudio: qué problema resuelven, qué decidí y por qué.

codequest-rpglive

CodeQuest RPG

RPG en el navegador donde el combate es resolver código real: escribes JavaScript en un editor de verdad y tu solución se ejecuta en un Web Worker aislado.

Stack: React 19, TypeScript (strict), Vite, Zustand + persist, CodeMirror 6, Vitest, Playwright, GitHub Actions.
restaurantlive

Sistema de Reservas

Sistema de reservas full-stack para un restaurante: API REST (Node, Express, PostgreSQL) y frontend Next.js desplegados por separado y comunicándose en producción.

Stack: Next.js 14 (App Router) + React 18, TypeScript, Tailwind CSS, Node.js + Express 5, PostgreSQL, JWT + bcryptjs, Fly.io, Vercel, GitHub Actions.
mi-planlive

Mi Plan

App personal de nutrición, gimnasio y diario de entrenos adaptada a turnos de trabajo rotativos — desplegada y en uso real.

Stack: Vite + React 19, TypeScript, Tailwind CSS v4 (CSS-first), vite-plugin-pwa, localStorage + export/import JSON, Vitest + Testing Library, GitHub Actions, Vercel.
la-salalive

La Sala

Explorador de películas y series sobre la API de TMDB, con disponibilidad real por plataforma de streaming en España.

Stack: Next.js (App Router) + React 19, TypeScript, TanStack Query, Tailwind CSS v4, TMDB API, localStorage.
netpulselive

NetPulse

Dashboard de monitorización de red: checks reales de HTTP, DNS, TCP, TLS y NTP contra 21 servicios públicos, con incidentes y una vista de segmentación de red.

Stack: NestJS, Prisma + PostgreSQL, Next.js (App Router) + Tailwind, pnpm workspaces (monorepo), node:dgram (cliente NTP propio), Render.
carrera-voleien curso

Carrera Vóley

Simulador narrativo de carrera deportiva en HTML, CSS y JavaScript vainilla, sin build ni dependencias.

sin dependencias

$ cat stack.txt

Stack actual

Agrupado por la capa en la que trabaja cada cosa. El motivo concreto de cada elección está en los casos de estudio.

Por qué cada elección

Frontend

04
  • React
  • Next.js (App Router)
  • Tailwind CSS
  • Zustand

Backend

04
  • Node.js + Express
  • NestJS
  • PostgreSQL
  • Prisma

Infra

03
  • Docker
  • Fly.io / Render
  • Vercel

Tooling

04
  • TypeScript
  • Vitest + Playwright
  • pnpm
  • GitHub Actions