Skip to content

nanguer2/MatchPaths

Repository files navigation

Match Paths: Find your way in air, sea & land! 🚗🚢✈️

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.

🎮 Características del Juego

  • 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.

🛠️ Tecnologías Utilizadas

  • 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.

🧠 Instrucciones de Juego

  1. Elige un nivel disponible desde el menú principal.
  2. Haz clic en los bloques para revelar los emojis ocultos.
  3. Si encuentras un par (ya sea en un grupo de 2 o 3 cartas abiertas), este se iluminará en verde y permanecerá descubierto.
  4. Si las cartas no coinciden, se ocultarán nuevamente tras un breve periodo.
  5. ¡Supera el reto en el menor tiempo y con el menor número de intentos posible para desbloquear el siguiente nivel!

🚀 Instalación y Ejecución

Si deseas probar el proyecto localmente:

  1. Clona el repositorio:
    git clone [https://github.com/nanguer2/MatchPaths.git](https://github.com/tu-usuario/MatchPaths.git)

  2. Instala las dependencias:
    npm install

  3. Inicia el servidor de desarrollo:
    npm run dev

Desarrollado como una herramienta interactiva para el entrenamiento mental y la diversión.

About

Match Paths: Find your way in air, sea & land! 🚗🚢✈️ Match Paths es un minijuego 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 3 niveles temáticos progresivos.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages