HanziFlow

HanziFlow Writer · 汉字练习

Practica el orden de trazos, en serio

Escribe o pega texto en chino, observa la animación de cada carácter y practica con ratón o dedo.


Por qué existe

Después de probar Duolingo, Busuu y varias apps de flashcards, lo único que no encontré fue una herramienta cómoda para practicar la escritura de caracteres. Las opciones que sí existían eran o muy escolares (ejercicios infantiles) o de pago por suscripción para algo que debería ser una característica básica. Decidí construir mi propia versión, ligera, gratuita y enfocada en una sola cosa: el orden correcto de los trazos.

Cómo funciona

  1. Pega o escribe el texto en chino en el panel superior.
  2. Selecciona el carácter sobre el que quieres trabajar.
  3. Observa la animación del orden de trazos, con velocidad ajustable.
  4. Practica dibujando con ratón o dedo y recibe retroalimentación visual.

Tecnología

Next.js 16 (App Router), React 19, Tailwind CSS 4 para los estilos y la librería open source Hanzi Writer para la animación de trazos. El despliegue corre en Vercel y la aplicación es estática, sin backend, sin base de datos y sin cuentas. Funciona offline una vez cargada.

Sobre la integración con el portal

La idea original era embeber HanziFlow dentro del propio sitio WordPress como un iframe a pantalla completa. En esta primera versión del portal queda como enlace externo (se abre en pestaña nueva) porque embeber un dominio cruzado requiere ajustes de CORS y de cabeceras del frame que prefiero resolver con calma. El subdominio dedicado vendrá en el siguiente sprint.

Sobre el autor

Foto de perfil de Hiram Acevedo

Hiram Acevedo

Estudiante de LDSW

Documento aquí mi propio aprendizaje de chino mandarín y construyo herramientas para hispanohablantes que estudian este idioma sin pasar por el inglés.

Sígueme

Encuéntrame en mis redes y mantente al tanto de mis proyectos.