Cómo hacer una app de quiz sin código: guía paso a paso

Para hacer una app de quiz sin código, decide primero qué tipo de test es y cómo se puntúa, y escribe esas reglas en el prompt. Zugo genera la aplicación a partir de esa descripción en torno a un minuto. Si quieres guardar los resultados, se conecta una base de datos.

Casi todos los quiz fallidos fallan por lo mismo: se describen las pantallas y no las reglas. La pantalla de pregunta se parece en todos los tests del mundo; lo que cambia, y lo que hay que escribir, es qué pasa con cada respuesta.

¿Qué tipo de quiz estás construyendo?

Hay cuatro familias y se comportan de forma distinta. Elegir mal al principio obliga a rehacer la lógica entera, así que vale la pena parar dos minutos aquí.

La diferencia práctica es enorme. Un test de personalidad no tiene respuestas correctas y necesita una tabla de puntos por perfil; una evaluación sí las tiene y necesita un umbral. Pedir "un quiz" sin decir cuál devuelve casi siempre trivia.

Decide también qué pasa al terminar. Mostrar la nota, mostrar las respuestas falladas con la explicación, recomendar un producto o pedir el correo antes del resultado son finales distintos y cambian el diseño de las pantallas anteriores.

¿Qué prompt genera un quiz que funciona?

El generador acierta cuando le das las reglas, no solo el tema. Este esqueleto sirve para los cuatro tipos cambiando la parte de puntuación.

Crea una app de quiz en español sobre [tema].
Tipo: [trivia con respuesta correcta].
Estructura:
1. Pantalla de inicio: título, de qué va, número de
   preguntas, tiempo estimado y botón "Empezar".
2. Pantalla de pregunta: enunciado, 4 opciones,
   indicador "pregunta 3 de 10" y barra de progreso.
3. Al responder: marca acierto o fallo y muestra
   una explicación de una frase antes de continuar.
4. Pantalla final: puntuación, aciertos sobre total,
   repaso de las falladas y botón para repetir.
Reglas: una sola respuesta por pregunta, no se puede
volver atrás, el orden de las preguntas se mezcla.
Banco de preguntas: [pega aquí tus 10 preguntas con
sus opciones y la correcta marcada].
Estilo limpio, botones grandes, funciona en móvil.

Pegar el banco de preguntas dentro del prompt es lo que separa una demostración de una app usable. Si dejas que el generador invente el contenido, tendrás diez preguntas plausibles y algunas incorrectas, y revisarlas cuesta más que escribirlas.

El indicador de progreso parece un detalle y no lo es: un test sin "3 de 10" se abandona mucho más, porque el visitante no sabe en qué se está metiendo.

¿Qué pasos van del prompt a la app publicada?

Cinco pasos con su comprobación. La comprobación importa porque un quiz puede verse perfecto y puntuar mal, que es el fallo más difícil de detectar a simple vista.

Definir las reglas. Tipo, puntuación, qué ocurre al final. Escrito en dos líneas antes de abrir el generador.

Generar. Zugo arranca el proyecto en un entorno aislado antes de entregarlo, de forma que una compilación que no abre se reporta como error y no se te entrega una pantalla en blanco.

Jugar entero, dos veces. Una vez respondiendo todo bien y otra todo mal. Los dos extremos revelan casi cualquier error de puntuación en menos de un minuto.

Ajustar por chat. Un cambio cada vez: "añade tiempo de 20 segundos por pregunta", "muestra la explicación solo al fallar", "cambia el umbral de aprobado a 7".

Publicar. El proyecto queda en una dirección del tipo tuquiz.zugo.run, lista para compartir en un mensaje o incrustar en otra web.

La prueba de los extremos merece insistencia. Responder todo correcto debe dar la puntuación máxima exacta, y responder todo mal debe dar cero y no un resultado intermedio raro. Si esos dos números salen, la lógica intermedia casi siempre está bien.

¿Dónde se guardan las respuestas?

Por defecto, un quiz generado puede funcionar entero en el navegador. Es suficiente si el objetivo es entretener o si el resultado se muestra y se olvida, y no requiere ninguna conexión extra.

Ahora bien, si quieres saber quién lo ha hecho, comparar resultados o usar el quiz para captar contactos, hace falta base de datos. Conectando Supabase obtienes almacenamiento, cuentas de usuario y una tabla donde queda cada intento con su fecha y su puntuación.

El segundo camino tiene otra ventaja menos obvia: con las preguntas en una tabla, ampliar el banco deja de costar créditos, porque añadir una pregunta es añadir una fila y no una edición del proyecto. La explicación general está en si la IA puede construir una app con base de datos.

¿Cuánto cuesta construirlo?

El plan gratuito da 5 créditos y alcanza para ver funcionando la primera versión. Pro cuesta $25 al mes con 200 créditos. Business son $99 al mes.

Las acciones tienen precio fijo: generar cuesta 6 créditos, editar cuesta 3 y una aplicación de varias páginas se cobra como plataforma, 12 créditos por las tres primeras páginas y 3 por cada página adicional.

Un quiz de una sola pantalla con sus estados internos entra como generación simple, 6 créditos. Si además quieres página de resultados compartible, panel de administración y listado de intentos, ya es plataforma: 12 créditos las tres primeras páginas.

Como editar es la acción más barata, el patrón eficiente es una generación bien descrita seguida de muchos cambios pequeños. Cinco ajustes de afinado son 15 créditos, menos que volver a generar el proyecto dos veces desde cero. El modo Hi-Fi duplica las cifras, 12 la generación y 6 la edición, y en un quiz interno rara vez compensa.

Hay 25 plantillas disponibles, cinco de ellas de juegos, y partir de una cercana suele ahorrar la primera ronda de ajustes.

¿Cuándo conviene que sea un juego y no un formulario?

Si el objetivo es captar contactos o evaluar conocimiento, un quiz sobrio funciona mejor: cuanto menos ruido, más gente termina. La animación aquí resta.

Si el objetivo es que se comparta, el planteamiento cambia. Contador de tiempo, sonido al acertar, racha de aciertos y resultado con imagen para compartir convierten el test en algo que se pasa a un amigo. En Zugo los juegos se construyen en 2D y funcionan en el navegador, sin instalar nada, y eso encaja bien con un test que viaja por mensajes. La versión más lúdica está desarrollada en la guía de juegos de preguntas.

Elige uno de los dos y sé consistente. Un test de evaluación con efectos de arcade genera desconfianza, y un quiz viral sin ningún premio visual no se comparte.

El resultado compartible merece atención aparte. Una pantalla final con una frase corta y clara sobre el resultado se reenvía mucho más que una puntuación seca, y es lo único que verá quien todavía no ha hecho el test.

¿Dónde se queda corto el generador aquí?

Cuatro límites que conviene tener claros.

El contenido sigue siendo tuyo. Las preguntas, las opciones y las explicaciones las escribes tú o las revisas una por una. Un banco generado suena bien y contiene errores.

Los exámenes con vigilancia son otro producto. Control de identidad, bloqueo de pestañas y detección de copia no se resuelven aquí.

La lógica ramificada compleja llega por ediciones. Un test donde la pregunta cinco depende de las respuestas uno y tres se puede construir, pero paso a paso, probando cada rama, no con un solo prompt.

A escala grande conviene un desarrollador. Miles de participantes simultáneos, informes por grupo y permisos por profesor son un producto serio, y ahí Zugo no sustituye a un equipo de desarrollo.

Para el caso normal, un test de diez preguntas que funciona en el móvil y puntúa bien, esto se resuelve en una tarde. Si lo que necesitas es recoger opiniones en lugar de puntuar, mira la guía de apps de encuestas, que usa otra lógica. Empieza con los créditos gratuitos en zugo.dev.