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.

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.


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.
Stack tecnológico