Skip to content

JoanMike/JuegoBanderas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌍 Juego de Banderas del Mundo

¡Un divertido e interactivo juego web diseñado para que los niños y adultos aprendan las banderas de diferentes países de una manera entretenida!

🎮 Descripción del Juego

Este juego educativo presenta banderas de países de todo el mundo y desafía a los jugadores a identificar correctamente el país correspondiente. Con una interfaz colorida y amigable, es perfecto para aprender geografía mientras te diviertes.

✨ Características

  • 🎨 Interfaz Colorida: Diseño atractivo con colores vibrantes especialmente pensados para niños
  • 📊 Sistema de Puntuación: Acumula puntos por cada respuesta correcta
  • ⚙️ Configuración Personalizable: Elige entre 5 y 195 países para jugar
  • 📱 Diseño Responsivo: Se adapta perfectamente a computadoras, tabletas y móviles
  • 🏆 Sistema de Estrellas: Obtén hasta 3 estrellas según tu rendimiento
  • 📈 Barra de Progreso: Visualiza tu avance durante el juego
  • 🎯 Educativo y Divertido: Aprende geografía de manera interactiva

🛠️ Tecnologías Utilizadas

  • HTML5: Estructura semántica del juego
  • CSS3: Estilos modernos con gradientes y animaciones
  • JavaScript (ES6+): Lógica del juego, manejo de datos y interactividad
  • Google Fonts: Tipografía Quicksand para un diseño moderno

📂 Estructura del Proyecto

JuegoBanderas/
├── index.html          # Página principal del juego
├── css/
│   └── styles.css      # Estilos CSS del juego
├── js/
│   ├── countries.js    # Base de datos de países y banderas
│   └── game.js         # Lógica principal del juego
├── img/
│   └── Flag_Peru.jpg   # Imágenes de las banderas
└── README.md           # Este archivo

🚀 Cómo Jugar

  1. Inicia el Juego: Abre el archivo index.html en tu navegador web
  2. Configura la Dificultad: Usa el deslizador para elegir entre 5 y 195 países
  3. ¡Comienza a Jugar!: Haz clic en "¡Comenzar Juego!"
  4. Adivina la Bandera: Observa la bandera y selecciona el país correcto
  5. Obtén tu Puntuación: Acumula puntos y obtén hasta 3 estrellas

📊 Sistema de Puntuación

  • ⭐ 1 Estrella: 0-50% de respuestas correctas
  • ⭐⭐ 2 Estrellas: 51-80% de respuestas correctas
  • ⭐⭐⭐ 3 Estrellas: 81-100% de respuestas correctas

🏁 Instalación y Uso

No se requiere instalación. Simplemente:

  1. Descarga o clona este repositorio
  2. Abre el archivo index.html en tu navegador web
  3. ¡Disfruta del juego!
# Si tienes git instalado
git clone [tu-repositorio]
cd JuegoBanderas
# Abre index.html en tu navegador

🌐 Compatibilidad

  • ✅ Chrome 60+
  • ✅ Firefox 55+
  • ✅ Safari 12+
  • ✅ Edge 79+
  • ✅ Dispositivos móviles iOS y Android

🎯 Objetivos Educativos

Este juego ayuda a:

  • Aprender geografía mundial
  • Reconocer banderas de diferentes países
  • Mejorar la memoria visual
  • Desarrollar conocimientos culturales
  • Practicar la concentración y atención

🤝 Contribuciones

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar el juego:

  1. Fork el proyecto
  2. Crea una rama para tu función (git checkout -b feature/nueva-funcion)
  3. Commit tus cambios (git commit -m 'Añadir nueva función')
  4. Push a la rama (git push origin feature/nueva-funcion)
  5. Abre un Pull Request

📝 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.

👨‍💻 Autor

Creado con ❤️ para hacer el aprendizaje de geografía más divertido.


¡Disfruta aprendiendo las banderas del mundo! 🌍🎉

About

Un divertido y educativo juego web para aprender las banderas del mundo, creado con HTML, CSS y JavaScript.

Topics

Resources

License

Stars

Watchers

Forks