Practicando Hiragana: mi primer widget interactivo

Widget interactivo de hiragana — interfaz del quiz en pantalla

He diseñado este pequeño widget interactivo para ayudarme en mi estudio de japonés. Es una forma práctica de unir mis dos pasiones actuales: el código y los idiomas.

Pantalla del widget mostrando un carácter hiragana y opciones de respuesta

Este widget fue programado con JavaScript puro (Vanilla JS), aplicando lo que he aprendido sobre manipulación del DOM y lógica de videojuegos. La idea es simple: generar una pregunta aleatoria y validar la respuesta al instante.

¿Qué aprendí haciéndolo?

El mayor reto no fue el código en sí, sino pensar en la experiencia del usuario: ¿cómo mostrar el resultado sin que se sienta brusco? ¿Cómo hacer que sea accesible desde el celular? Terminé usando flexbox para el layout y un sistema de puntaje sencillo que guarda el progreso mientras no recargues la página.

También aprendí que un proyecto pequeño con propósito real enseña más que diez ejercicios de práctica abstractos. Este widget lo uso yo, y eso lo hace diferente.

Resultado del quiz de hiragana mostrando puntaje y feedback visual

Ficha técnica

  • Tecnologías: HTML, CSS, JavaScript (Vanilla JS)
  • Conceptos aplicados: manipulación del DOM, eventos, arrays, validación, estado temporal, responsive design con Flexbox
  • Objetivo: practicar hiragana de forma interactiva con feedback inmediato
  • Nota: el progreso se guarda en memoria mientras no recargues la página — sin base de datos ni almacenamiento local

Si quieres ver más de mi trayectoria técnica o charlar sobre diseño y código, conectemos en:

LinkedIn