El audio usa tu propio navegador — sin API externa ni coste. Funciona en Chrome, Safari y Edge. Si no escuchas nada, comprueba que el volumen esté activo.
🇬🇧 Inglés
Aprende inglés con audio real · 5 lecciones · 4 tipos de ejercicio
Cómo se creó NativosLingo con IA
El audio usa la Web Speech API del navegador — gratuita, sin API key. El contenido se diseñó con ayuda de IA.
Web Speech API
Audio nativo del navegador
Claude / ChatGPT
Contenido y preguntas
React (hooks)
Lógica y estado del juego
Revisión humana
Corrección pedagógica
Diseño del sistema de lecciones
Diseña un sistema de aprendizaje de inglés estilo Duolingo para alumnos de primaria y secundaria española (8-15 años). Necesito: 1. 5 lecciones temáticas progresivas: Saludos, Números/colores, Familia, En el cole, IA en inglés 2. Cuatro tipos de pregunta variados: - es→en: ver palabra en español, elegir traducción al inglés (4 opciones) - en→es: ver palabra en inglés, elegir traducción al español (4 opciones) - listen: escuchar audio y elegir lo que se oye (4 opciones) - fill: completar una frase con la palabra correcta (4 opciones) - order: ordenar palabras para formar una frase correcta 3. Para cada pregunta: palabra/frase, 4 opciones plausibles (los distractores deben ser errores comunes), la respuesta correcta, y el texto que debe pronunciar el audio Devuelve los datos en formato JSON.
Audio con Web Speech API (sin coste)
Implementa en JavaScript una función speak(text, lang, rate) que use la Web Speech API del navegador para pronunciar texto en inglés sin necesidad de ninguna API externa ni de pago. Requisitos: - Cancelar cualquier audio previo antes de reproducir (window.speechSynthesis.cancel()) - Usar lang = 'en-US' por defecto - Rate de 0.82 para que sea más lento y claro para aprendices - Manejo de errores silencioso (try/catch) - Función replayAudio() que llame a speak() con el texto de la pregunta actual - Auto-reproducción para el tipo 'listen' usando useEffect con timeout de 600ms
Tipo de pregunta "ordenar palabras"
Para el tipo de pregunta "order" (ordenar palabras), implementa en React: 1. wordBank: array de {w: string, id: number} con las palabras desordenadas (usa índice como id para manejar duplicados) 2. wordOrder: array de {w, id} con las palabras colocadas por el usuario 3. handleWordAdd(item): mueve item de wordBank a wordOrder 4. handleWordRemove(item): mueve item de wordOrder a wordBank 5. submitWordOrder(): compara wordOrder.map(x=>x.w).join(' ') con correct.join(' '), actualiza score/hearts y pasa a fase feedback 6. El wordBank se inicializa con shuffle([...question.words].map((w,i)=>({w,id:i}))) en useEffect([qIdx]) 7. UI: chips clickables en área de banco de palabras (zona gris) y área de respuesta (zona con borde), botón Comprobar cuando wordOrder.length === correct.length
Sistema de vidas y puntuación
Implementa la mecánica de juego: - 3 corazones (❤️) al inicio de cada lección, se pierde uno por cada respuesta incorrecta - Puntuación: +10 pts por respuesta correcta, 0 por incorrecta (no penaliza en puntos, solo en corazones) - Tras cada respuesta: mostrar panel de feedback con ✅/❌, la respuesta correcta, y botón Continuar - Si hearts llega a 0: mostrar pantalla de "Lección fallida" con opción de reintentar - Pantalla de resultado final: puntuación / máximo, estrellas (0-3 según % de aciertos), tabla de respuestas incorrectas, botón volver al menú - Audio de acierto: pronunciar la palabra/frase correcta en inglés. Audio de fallo: no reproducir nada.
🔄 Cómo añadir más lecciones
Copia el Prompt 1, cambia la temática y pide las preguntas en formato JSON. Añade el nuevo objeto al array del idioma correspondiente.