Spotydle

Spotydle

Juego web de retos musicales diarios. Los usuarios deben adivinar una canción oculta en un máximo de 6 intentos consumiendo pistas progresivas. Creado con Next.js e iTunes API.

Descripció
Spotydle es una aplicación web Full-Stack diseñada como un juego interactivo de retos musicales cotidianos. El núcleo de la experiencia consiste en identificar una canción única cada 24 horas dentro de un límite estricto de seis intentos . Tras cada fallo, el motor de juego desvela de forma progresiva pistas multimedia críticas: un fragmento de audio (inicialmente invertido), metadatos técnicos (año de lanzamiento y género), la reducción matemática del desenfoque (blur) de la carátula oficial y, finalmente, las iniciales del tema mediante expresiones regulares.

A nivel técnico, el sistema unifica el cliente y el servidor bajo el framework Next.js, consumiendo de forma asíncrona y en tiempo real la API de iTunes para alimentar un buscador predictivo inteligente que filtra ambigüedades y evita errores ortográficos del usuario. Además de integrar autenticación segura con NextAuth.js, el software destaca por su robusto sistema de persistencia multidispositivo en la nube: al guardar el estado lúdico en objetos JSON de PostgreSQL (Neon), el jugador puede empezar su partida diaria en un ordenador local y continuarla exactamente en el mismo intento desde su teléfono móvil.

El proyecto incluye un módulo analítico que computa estadísticas históricas, rachas de victorias consecutivas y vectores de distribución de aciertos para confeccionar una clasificación global competitiva (leaderboard). Diseñado bajo un enfoque Mobile-First con Tailwind CSS y animaciones fluidas con Framer Motion, el software está completamente optimizado para garantizar una fluidez multimedia y compatibilidad del 100% en dispositivos móviles e iOS, ofreciendo un MVP pulido, robusto y con un gran potencial de impacto viral en redes sociales.

Informació general

Autoria:
Carlos García
Cicle:
DAW
Grup:
A
Curs:
2025-26
Tutor:
David Delgado

Tecnologies

Next.js React TypeScript Tailwind CSS Prisma ORM PostgreSQL NextAuth.js Vitest Git GitHub Visual Studio Code