$ ls proyectos/

Proyectos

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

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