https://github.com/kenkyoo/quiz-game

Un divertido juego de preguntas y respuestas donde puedes poner a prueba tus conocimientos en diversas categorías.
https://github.com/kenkyoo/quiz-game

animatecss axios glide glide-library materialize quiz quiz-app quiz-game sass scss sweetalert2 swiper swiper-js webpack

Last synced: 3 months ago
JSON representation

Un divertido juego de preguntas y respuestas donde puedes poner a prueba tus conocimientos en diversas categorías.

• Host: GitHub
• URL: https://github.com/kenkyoo/quiz-game
• Owner: Kenkyoo
• Created: 2024-12-03T08:29:27.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-03T08:54:23.000Z (over 1 year ago)
• Last Synced: 2025-04-01T09:07:34.514Z (over 1 year ago)
• Topics: animatecss, axios, glide, glide-library, materialize, quiz, quiz-app, quiz-game, sass, scss, sweetalert2, swiper, swiper-js, webpack
• Language: JavaScript
• Homepage: https://quiz-game-c10bd.firebaseapp.com/
• Size: 395 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Quiz Game 🧠🎮

¡Bienvenido a Quiz Game!

Un divertido juego de preguntas y respuestas donde puedes poner a prueba tus conocimientos en diversas categorías.

🚀 Características

    Categorías y dificultades personalizables: Elige entre una variedad de temas y ajusta el nivel de dificultad según tu preferencia.

    Animaciones y efectos modernos: Gracias a Animate.css y Materialize.css.

    Interfaz interactiva y dinámica: Desarrollada con Swiper.js para mejorar la experiencia del usuario.

    Alertas personalizadas: Utilizando SweetAlert2 para notificaciones llamativas.

    Conexión con API: Obtenemos las preguntas desde la API Open Trivia Database.

🛠️ Instalación

    Clona este repositorio:

git clone https://github.com/Kenkyoo/quiz-game.git

Navega al directorio del proyecto:

cd quiz-game

Instala las dependencias:

npm install

Inicia el servidor local:

    npm start

    Abre tu navegador en http://localhost:8080.

🎮 Cómo jugar

    Selecciona la cantidad de preguntas, la dificultad y la categoría.

    Responde cada pregunta haciendo clic en una de las opciones.

    ¡Gana puntos por cada respuesta correcta y compite contigo mismo para superar tu récord!

📂 Estructura del proyecto

    src/components: Contiene los módulos para renderizar preguntas y manejar alertas.

    src/style.css: Estilos personalizados para la app.

    src/index.js: Lógica principal de la aplicación.

🖥️ Tecnologías utilizadas

    Webpack: Para empaquetar y servir la aplicación.

    Sass: Para estilos dinámicos.

    Axios: Para realizar peticiones HTTP a la API de preguntas.

    Materialize.css: Para una interfaz visual atractiva.

📜 Scripts

    npm run build: Construye los archivos para producción.

    npm run watch: Observa cambios y reconstruye automáticamente.

    npm start: Inicia el servidor local.

    npm run sass: Compila los estilos en tiempo real.

📚 Recursos y agradecimientos

    Preguntas proporcionadas por la API Open Trivia Database.

    Diseño visual basado en Materialize.css.

🤝 Contribuciones

¿Tienes ideas para mejorar el juego?

Siente la libertad de abrir un Issue o enviar un Pull Request. Todas las contribuciones son bienvenidas.