From paper to pixel: the making of a Spanish learning app

It started with a flashcard. Well, with several.

Cristina, my wife, had a newly arrived foreign student who did not know a word of Spanish. She asked me for visual vocabulary sheets: large letters, simple drawings and words in English and Spanish. I made a couple, but quickly saw the tunnel ahead: every sheet took time, topics multiplied, and every change meant layout work again.

The problem was not design. It was scale.

AI already lets me generate flexible, structured and visual content without repeating manual work. So I turned the flashcards into a small web application organized by levels and themes, useful both for learning and practicing.

The first step was content architecture: more than 50 topics, each with 10 to 20 words. I grouped levels as if they were game missions: Explorer, Urban Explorer, Classroom Strategist… That created a sense of progress without making the interface complex.

Then came the game layer. I wanted the student to feel movement: medals, counters and a character that evolves with score – a simple expressive 3D creature that changes mood and energy.

The practice logic also mattered. No random meaningless translations. Each question shows a word in one language and four options in the other, always including the correct answer, with immediate feedback when the student gets it right or wrong.

The interesting part is that I barely wrote code by hand. I used AI as a copilot to generate texts, word sets, HTML structure and visual adjustments. The app moved from a simple vocabulary list into a small learning environment with stages, levels and progress.

In practice, it changed more than the tool. It changed Cris’ teaching process. She no longer depends on static PDFs, but on a living platform that can grow with new topics, images or sounds.

This small project was born from a domestic need and became a lesson about how AI can free time for what matters: teaching, accompanying and creating.