Portfolio
Esta misma web, para que puedas ver el código y cómo está hecha
- Mi papel
- Idea, diseño, desarrollo y despliegue
- Año
- 2026
- Estado
- En producción
La web que estás leyendo. Sustituye a un portfolio anterior en Astro cuyos datos se habían quedado atrás —decía «+4 años de experiencia» cuando ya eran cinco—, y de ese fallo sale su decisión central.
Ninguna cifra del CV está escrita a mano: los años de experiencia, los proyectos en producción, las empresas y las tecnologías se calculan del contenido, así que no pueden envejecer mal. Es también el proyecto del que salen el stack y la metodología de los últimos de esta lista.
Lo que tiene dentro
Todo el contenido vive en el repositorio, tipado y validado en TypeScript: la web se clona y se despliega sin credenciales de nada y el CV sale completo. Un portfolio es el sitio donde uno no quiere depender de un servicio externo para existir.
Los dos fondos están dibujados con código: un mosaico cinético en la primera pantalla y, en el resto del sitio, una retícula de hasta tres mil nodos en un canvas que se aparta y se enciende bajo el puntero. Sin una sola dependencia añadida.
Los proyectos giran en un carrusel «cover flow» infinito dirigido por el scroll con CSS (`animation-timeline`): el giro entero es CSS y de JavaScript sólo hay los dos botones y el salto que devuelve el bucle a su sitio. En papel se deshace en una retícula de dos columnas.
La verificación en móvil es parte del trabajo, no una revisión a ojo: 21 comprobaciones en un Chrome real a 390×844 y por idioma, incluidos desbordamiento horizontal, áreas pulsables de 24 px y que las dos navegaciones no compartan nombre accesible.
Stack
- Next.js 16
- TypeScript
- Tailwind CSS 4
- zod
- Playwright
- Vercel
