Cómo crear una app de tarjetas de estudio con repetición espaciada

Una app de tarjetas de estudio son mazos de tarjetas, una pantalla de repaso que da la vuelta a cada tarjeta y un planificador que decide qué tarjetas ves hoy. El planificador es lo que separa una herramienta de estudio útil de un montón digital de fichas: con la repetición espaciada, las tarjetas que sabes vuelven poco y las que te cuestan vuelven pronto. Construye primero la pantalla de repaso y un planificador sencillo; añade después las importaciones, las imágenes y el audio.

Lo que necesita una app de tarjetas

Datos

Mantén el estado de la tarjeta separado de la tarjeta en sí. Si los mazos se comparten, dos personas que estudian la misma tarjeta necesitan cada una su propia fecha de vencimiento. Guarda también cada repaso: es el historial que necesitarás para mejorar el planificador, mostrar gráficos de progreso o cambiar de algoritmo más adelante.

Páginas

• Lista de mazos con cuántas tarjetas toca repasar hoy en cada uno.
• Editor de tarjetas: la entrada rápida importa. Anverso, reverso, guardar, siguiente. Atajos de teclado en el ordenador.
• Pantalla de repaso: muestra el anverso, toca para ver el reverso y valora con uno de cuatro botones grandes. Esta pantalla es el 90 % del uso de la app.
• Estadísticas: tarjetas repasadas por día, retención, carga de trabajo próxima.
• Importación: desde CSV o texto separado por tabuladores, que la mayoría de las otras herramientas de tarjetas pueden exportar.

Elegir un método de programación

No tienes que inventar nada aquí. Tres enfoques bien conocidos:

Para la primera versión, elige Leitner o SM-2. Escribe las reglas en tu prompt con un ejemplo resuelto, por ejemplo: “Una tarjeta nueva valorada como Bien vence en 1 día, luego en 3 días, y después aproximadamente 2,5 veces el intervalo anterior cada vez que se valora como Bien. Si se valora como Otra vez, vuelve a vencer en 10 minutos y su intervalo se reinicia.”

Sea cual sea tu elección, pide a la IA que ponga el planificador en una función separada con pruebas. Así podrás cambiarlo más adelante sin tocar el resto de la app.

Decisiones que tomar

¿De quién es el día? “Vence hoy” debe seguir la zona horaria del usuario, y muchas apps de estudio hacen que el día cambie a una hora como las 4 de la madrugada, para que una sesión nocturna cuente como el mismo día.

Límites diarios. Sin un tope de tarjetas nuevas al día, un usuario entusiasta añade 500 tarjetas y a la semana se encuentra con una pila de repasos imposible. Pon un valor moderado por defecto y deja que cada persona lo cambie.

Tipos de tarjeta. Primero, anverso y reverso básicos. Las tarjetas “inversas” (que también preguntan del reverso al anverso) y los huecos para completar (rellenar el hueco de una frase) son populares, pero cada una añade reglas. Añádelas cuando lo básico funcione.

Mazos compartidos. Un profesor que comparte un mazo con su clase es una gran función y una cuestión de permisos: los alumnos lo estudian pero no pueden editarlo, y las ediciones del profesor deben llegar a todos sin reiniciar su progreso.

Sin conexión. La gente estudia en el tren y en el avión. Una aplicación web progresiva puede guardar en caché las tarjetas de hoy, pero sincronizar repasos de dos dispositivos sin conexión es muy difícil. Que sea solo en línea es una primera versión razonable. Nuestra guía sobre apps nativas frente a aplicaciones web progresivas explica las opciones.

Un primer prompt que funciona

Crea una app web de tarjetas de estudio pensada primero para teléfonos. Los usuarios inician sesión y crean mazos, y añaden tarjetas con un anverso y un reverso (texto, con imagen opcional). Cada usuario tiene su propio estado de repaso por tarjeta: fecha de vencimiento, intervalo, facilidad, repeticiones y fallos. Usa el algoritmo SM-2: valoraciones Otra vez, Difícil, Bien y Fácil; Otra vez reinicia el intervalo y vuelve a mostrar la tarjeta en 10 minutos. Pon el planificador en su propia función con pruebas. La pantalla de repaso muestra el anverso, un botón grande de “Mostrar respuesta” y después cuatro botones grandes de valoración. “Vence hoy” usa la zona horaria del usuario y el día empieza a las 4 de la madrugada. Limita las tarjetas nuevas a 20 por mazo al día por defecto. Registra cada repaso. Muestra una lista de mazos con los recuentos de vencimientos y una página sencilla de estadísticas con los repasos por día. Añade importación CSV con las columnas anverso y reverso. Guarda todo en una base de datos.

Pasos de construcción

1. Mazos y tarjetas. Crea dos mazos y veinte tarjetas. Comprueba lo rápido que puedes añadir una tarjeta.
2. Pantalla de repaso. Estudia desde un teléfono. Debe sentirse instantánea; cualquier retraso entre tarjetas se nota cientos de veces al día.
3. Pruebas del planificador. Dale a la IA una tabla de secuencias de valoraciones e intervalos esperados, y comprueba los resultados. Después cambia el reloj del dispositivo o pide un modo de prueba para simular los días siguientes.
4. Límites diarios y zona horaria. Repasa de noche y confirma que la cola del día siguiente es correcta.
5. Importación. Importa un CSV real de unos cientos de tarjetas y revisa los caracteres especiales, las comas dentro de las tarjetas y los saltos de línea.
6. Estadísticas. Repasos por día y recuentos de vencimientos próximos. Mantén los gráficos sencillos.
7. Extras. Imágenes, audio para tarjetas de idiomas, tarjetas inversas, mazos compartidos: uno cada vez.

Errores comunes

• Guardar la fecha de vencimiento en la tarjeta. Debe ser por usuario.
• Tirar el historial de repasos. Lo necesitarás para las estadísticas y para cualquier planificador futuro.
• Sin límite de tarjetas nuevas. Los usuarios se agotan en una semana.
• Botones diminutos. La valoración se hace con una mano; haz los botones grandes y lo bastante separados para evitar toques errados.
• Sin deshacer para la última valoración. Los toques errados ocurren a diario.
• Usar la hora del servidor para “hoy”. Usa la zona horaria del usuario.
• Reiniciar el progreso al editar una tarjeta. Corregir una errata no debe devolver una tarjeta madura al principio.

Cuándo es mejor un producto ya hecho

Si solo quieres estudiar, ya existen apps de tarjetas maduras, varias gratuitas, con años de trabajo en programación, sincronización, uso sin conexión y mazos compartidos. Anki, en particular, tiene una enorme biblioteca de mazos de la comunidad. Úsalas.

Construye la tuya cuando las tarjetas sean parte de algo más grande: un curso que vendes en el que las tarjetas refuerzan cada lección, una escuela de idiomas que da a sus alumnos mazos ligados a su programa, una empresa que enseña a su plantilla el conocimiento del producto, o una materia con tipos de tarjeta que las herramientas generales gestionan mal. Tú controlas el contenido, el diseño y los datos del alumno. Combínala con una app de cuestionarios para los exámenes, o incorpórala a una plataforma de cursos en línea.

Construirlo con Mythex

Mythex construye esto como app web que puedes abrir en cualquier teléfono y añadir a la pantalla de inicio. Describe la app en el chat, comprueba la pantalla de repaso en el marco de tamaño de teléfono de la vista previa y pide cuentas y progreso guardado: Mythex añade una base de datos dedicada cuando la app la necesita, y almacenamiento de archivos si las tarjetas tienen imágenes o audio. En el plan Pro, Mythex también puede empaquetarla como app para Android e iPhone, enviada a las pruebas internas de Google Play y a TestFlight. Usa el modo Preguntar para que el agente explique su función de programación antes de confiar en ella, y publica en un enlace de mythex.ai cuando funcione.

Preguntas