Quiz
Master

Interactive Web App SCROLL ↓

El desafío del conocimiento dinámico

QuizMaster es una aplicación web SPA (Single Page Application) diseñada para la creación, gestión y resolución de cuestionarios interactivos.

Más allá de un simple trivial, este proyecto explora la integración de servicios externos en un entorno Vanilla JS. El reto principal fue implementar una lógica de juego fluida y potenciar la experiencia del usuario integrando Inteligencia Artificial (Gemini API) como asistente en tiempo real para resolver dudas durante la partida.

Web App Main Dashboard Interface

Arquitectura del Juego

El núcleo del proyecto es la manipulación del DOM y la gestión de estados mediante JavaScript puro. Sin frameworks. Se ha desarrollado un sistema que permite crear preguntas personalizadas, almacenarlas temporalmente y gestionar el flujo de la partida (puntuación, temporizadores y validación de respuestas) con una experiencia de usuario fluida y sin recargas.

Game Logic DOM Manipulation & State Management

IA como Comodín

(SWIPE →)

La gran innovación de QuizMaster es el uso de la API de Gemini. Cuando el usuario se atasca, puede invocar a la IA, que analiza la pregunta en tiempo real y ofrece una pista contextual sin revelar la respuesta directa.

Conectividad sin Backend

Para cerrar el ciclo de la aplicación, implementamos un sistema de contacto funcional utilizando EmailJS. Esto permite a los usuarios enviar feedback o reportar errores directamente desde la web, conectando el frontend con el servidor de correo sin necesidad de configurar un backend complejo.

Communication EmailJS Service Integration
SIGUIENTE PROYECTO REDISEÑO WEB GAME →