Proyecto personal · Juego web

Retro Shirt Quiz

Juego tipo quiz con 175 camisetas históricas de selecciones nacionales, desde Uruguay 1930 hasta Catar 2022. Tres modos de dificultad, diseño brutalista daylight, PWA instalable y lógica de distractores inteligentes.

Astro 7JavaScriptTailwind CSS v4PWAService WorkersFootball Kit Archive API
Retro Shirt Quiz — vista principal
175 camisetas mundialistas
3 eras / modos de juego
0 registro necesario
PWA instalable offline

El reto

Quería construir un juego que combinara dos pasiones: el fútbol y el diseño frontend. La idea era simple pero exigente: un quiz donde no bastara con adivinar la selección — había que acertar también el año exacto de la camiseta. Y todo con 175 equipaciones que abarcan casi un siglo de historia mundialista.

El reto técnico era conseguir que el juego se sintiera rápido, adictivo y visualmente impactante. Sin backend, sin registro, sin friction. Solo abrir y jugar. Además, al ser un proyecto sin API keys ni servidor, todo el contenido (preguntas, opciones, pistas) tenía que vivir en el frontend.

Lo que hice

Arquitectura completa del juego: 175 camisetas organizadas en tres eras (Moderna 2000+, Clásica 1970-1999, Histórica pre-1970), cada una con su nivel de dificultad. Lógica de distractores inteligentes: en niveles altos, las opciones incorrectas son mundialmente cercanas para evitar descartes fáciles.

Diseño brutalista daylight: inspirado en la estética Stitch (Daylight/Unity Pulse), con colores vibrantes, sombras gruesas sin desenfoque y micro-animaciones dinámicas que dan personalidad a cada interacción.

PWA completa: soporte offline con Service Workers nativos, instalable en móvil y escritorio. Ideal para jugar en cualquier lado sin consumir datos.

Sistema de partidas completo: vidas, rachas, pistas visuales (colores de la camiseta), puntuación y resumen final. Todo sincronizado con la experiencia de juego inmediata.

Retro Shirt Quiz — captura secundaria 1
Retro Shirt Quiz — captura secundaria 2

Resultado

Retro Shirt Quiz es un juego divertido, pulido y completamente funcional que cualquiera puede abrir y jugar en segundos. Sin cuentas, sin publicidad, sin complejidad innecesaria — solo fútbol, diseño y código limpio.

Es el tipo de proyecto que mejor refleja mi enfoque: idea clara, ejecución rápida, atención al detalle visual y cero dependencias externas. Un producto que habla por sí solo cuando lo pruebas.

Astro 7JavaScriptTailwind CSS v4PWAService WorkersFootball Kit ArchiveVercel