Captura: EmoWords | Aprender vocabulario conectándolo a recuerdos

EmoWords | Aprender vocabulario conectándolo a recuerdos

Aprendizaje de inglés a través de la emoción: una webapp que conecta cada palabra nueva con tus propios recuerdos para evitar la repetición mecánica.

2025 HTMLSassJavaScriptVite

Contexto

App PWA para aprender inglés que combina flashcards con asociaciones emocionales. La idea surgió directamente de un consejo de mi profesora de Conquer Languages: que para recordar una palabra de verdad, hay que conectarla con algo significativo.

Objetivo

Demostrar que con una idea clara y el uso inteligente de IA se puede construir algo funcional y útil sin necesidad de ser un experto en programación.

La idea vino de una profesora

En Conquer Languages, Andy, mi profesora de inglés repetía mucho una cosa: que para recordar una palabra de verdad, tienes que asociarla a algo emocional o significativo para ti. La repetición mecánica funciona a corto plazo, pero se olvida. La emoción, no.

Esa idea me quedó dando vueltas. Y un día decidí convertirla en una app.

No lo programé desde cero solo

Seré honesto: cuando empecé EmoWords no era un experto en JavaScript. Lo sigo aprendiendo. Pero tenía muy claro qué quería construir y cómo tenía que funcionar, así que usé IA como herramienta de apoyo para acelerar el desarrollo sin perder el control de las decisiones importantes.

El resultado es completamente funcional: puedes guardar palabras, expresiones o phrasal verbs, asociarles una imagen o situación personal y repasarlas en distintos modos. Todo se guarda en el navegador, así que funciona sin conexión y se puede instalar en el móvil como una app nativa.

Qué hay dentro

La app acabó siendo bastante más completa de lo que había imaginado al principio. Tiene cinco modos de repaso distintos (flashcards, quiz, escritura, escucha y modo mixto), un sistema de repetición espaciada, pronunciación con la Web Speech API, estadísticas de progreso y hasta un sistema de logros y racha diaria para mantener la motivación.

También incluye packs de vocabulario organizados por nivel CEFR, desde A1 hasta C2, cada uno con asociaciones emocionales ya definidas para que puedas empezar a usarla desde el primer minuto.

Lo que me llevo

Este proyecto me enseñó que no hay que esperar a ser experto para intentar algo. La idea tenía valor, el proceso fue real y el resultado es algo que uso. Eso es lo que importa.

The idea came from a teacher

At Conquer Languages, Andy, my English teacher often repeated the same thing: to truly remember a word, you need to connect it to something emotional or meaningful to you. Mechanical repetition works short-term, but it fades. Emotion doesn’t.

That idea stayed with me. And one day I decided to turn it into an app.

I didn’t build it from scratch alone

I’ll be honest: when I started EmoWords I wasn’t a JavaScript expert. I’m still learning. But I had a very clear picture of what I wanted to build and how it should work, so I used AI as a support tool to speed up development without losing control of the important decisions.

The result is fully functional: you can save words, expressions or phrasal verbs, link each one to a personal image or situation, and review them across different modes. Everything is stored in the browser, so it works offline and can be installed on your phone as a native app.

What’s inside

The app ended up being considerably more complete than I’d originally imagined. It has five different review modes (flashcards, quiz, writing, listening and a mixed mode), a spaced repetition system, pronunciation via the Web Speech API, progress statistics and even an achievement and daily streak system to keep you motivated.

It also includes vocabulary packs organised by CEFR level, from A1 to C2, each with pre-defined emotional associations so you can start using it from day one.

What I take away

This project taught me that you don’t need to wait until you’re an expert to try something. The idea had value, the process was real and the result is something I actually use. That’s what matters.

Aprendizajes

01

No hace falta ser experto para crear algo útil. Una idea clara y el proceso correcto valen más que esperar el momento perfecto.

02

La IA no sustituye el criterio propio: sirve para acelerar, pero las decisiones de diseño, estructura y usabilidad siguen siendo tuyas.

03

Aprender programando algo que realmente vas a usar es infinitamente más efectivo que seguir ejercicios desconectados de la realidad.

Futuras mejoras

  • Añadir sincronización en la nube para que los datos no dependan solo del navegador.
  • Rehacer la aplicación utilizando un framework moderno como React para mejorar la gestión del estado y la escalabilidad.