Match Paths es un microjuego interactivo de entrenamiento cognitivo diseñado para mejorar la concentración y la memoria a corto plazo. A través de una experiencia lúdica y visualmente atractiva, los usuarios deben emparejar diferentes tipos de vehículos en tres niveles temáticos progresivos.
-
Sistema de Progresión: Tres niveles de dificultad temática:
Vehículos Terrestres: (Desbloqueado por defecto) 🚗
Vehículos Marítimos: (Se desbloquea tras superar el Nivel 1) 🚢
Vehículos Aéreos: (Se desbloquea tras superar el Nivel 2)✈️ -
Mecánica de Juego Avanzada: Permite descubrir hasta 3 cartas simultáneamente. Si hay un par dentro de las 3, se valida y se mantiene visible, optimizando el flujo de juego.
-
Feedback Inmediato: Efectos visuales de resaltado verde para aciertos, sonido envolvente y mensajes motivadores dinámicos.
-
Ambiente Personalizable: - Botón de Modo Oscuro/Claro para mayor comodidad visual.
- Música de fondo suave con opción de silenciar (Mute).
-
Estadísticas en Vivo: Contador de intentos y cronómetro integrados para fomentar la autosuperación.
-
Celebración Final: Pantalla de victoria con efecto de confeti y tonos dorados al completar cada nivel.
- React.js: Para la lógica de componentes y gestión de estados (Hooks como useState, useEffect).
- Tailwind CSS: Para un diseño responsivo, moderno y animaciones fluidas.
- Lucide React: Set de iconos minimalistas.
- Web Audio API: Sintetizador de sonido personalizado para efectos y música sin dependencias externas.
- Animaciones CSS3: Efectos de volteo de cartas (3D perspective) y transiciones de pantalla.
- Elige un nivel disponible desde el menú principal.
- Haz clic en los bloques para revelar los emojis ocultos.
- Si encuentras un par (ya sea en un grupo de 2 o 3 cartas abiertas), este se iluminará en verde y permanecerá descubierto.
- Si las cartas no coinciden, se ocultarán nuevamente tras un breve periodo.
- ¡Supera el reto en el menor tiempo y con el menor número de intentos posible para desbloquear el siguiente nivel!
Si deseas probar el proyecto localmente:
-
Clona el repositorio:
git clone [https://github.com/nanguer2/MatchPaths.git](https://github.com/tu-usuario/MatchPaths.git) -
Instala las dependencias:
npm install -
Inicia el servidor de desarrollo:
npm run dev
Desarrollado como una herramienta interactiva para el entrenamiento mental y la diversión.