$

Proyectos

Siete proyectos con su caso de estudio: el problema real que resuelven, las decisiones técnicas y lo que no salió bien.

stack — agregado

$ sort -rn tecnologias.txt | head

React5
TypeScript5
Tailwind5
Next.js4
GitHub Actions4
Cloudflare Workers3

$

cat — destacado.md
Leer el caso de estudio de CodeQuest RPG
operativoEducación6 fases documentadas

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.

React 19TypeScript (strict)ViteZustand + persistCodeMirror 6VitestPlaywrightGitHub Actions

Leer el caso de estudio

bundle inicial

734 kBantes

216 kBdespués

−70 % de JS en la carga inicial · code-splitting de CodeMirror

$

7 de 7

Sistema de Reservas

operativo

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.

Next.js 14 (App Router) + React 18 · TypeScript · Tailwind CSS · Node.js + Express 5 · PostgreSQL · JWT + bcryptjs +3

Mi Plan

operativo

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

Vite + React 19 · TypeScript · Tailwind CSS v4 (CSS-first) · vite-plugin-pwa · localStorage + export/import JSON · Vitest + Testing Library +2

La Sala

operativo

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

Next.js (App Router) + React 19 · TypeScript · TanStack Query · Tailwind CSS v4 · TMDB API · localStorage

NetPulse

operativo

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.

NestJS · Prisma + PostgreSQL · Next.js (App Router) + Tailwind · pnpm workspaces (monorepo) · node:dgram (cliente NTP propio) · Render

Carrera Vóley

en curso

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

sin dependencias

pablo-redondo.dev

operativo

Este mismo portfolio: Next.js con App Router, sistema de diseño propio y un tema oscuro único, autoalojado en Cloudflare Workers.

Next.js 16 (App Router) · React 19 + TypeScript estricto · Tailwind CSS v4 (CSS-first, @theme) · next/font (Manrope + JetBrains Mono) · OpenNext + Cloudflare Workers · Playwright +1