Saltar al contenido
mreysei · Michael Reyes
Tema

Mamoru Japan

Una web instalable para mantener el japonés, del kana al JLPT, que funciona sin conexión.

Tipo
Web
Año
Categorías
Portada de Mamoru sobre fondo índigo: el logo con 守, el nombre y «Mantén vivo tu japonés.», junto a tres móviles con los niveles, la pantalla de inicio y un ejercicio de escritura de kanji.

Sobre el proyecto

Mamoru (守る, «proteger» en japonés) es una web instalable para hispanohablantes que ya han estudiado japonés y no quieren perderlo. Reúne en un solo sitio ejercicios por niveles del Noken (JLPT), un diccionario en español y un repaso de todo lo aprendido, y funciona sin conexión y sin cuenta.

Objetivo. El japonés se olvida rápido si no se practica, y casi todo el material para estudiarlo está en inglés. Mamoru resuelve las dos cosas: unos minutos de práctica al día, en español y adaptada al nivel de cada uno, con el progreso guardado en el propio móvil para poder repasar en cualquier momento, también sin cobertura.

Qué hace.

  • Aprender: N6, un nivel propio con hiragana, katakana y las primeras palabras, y de N5 a N1 con vocabulario, kanji, gramática, lectura y escucha, cada nivel con su examen final. Más de 7.500 palabras y unos 32.000 ejercicios.
  • Buscar: un diccionario de unas 219.000 palabras en español, con ejemplos y el orden de trazos de 6.703 kanji.
  • Escritura a mano: reconocimiento de trazos y corrección del orden, escritos desde cero, sin librerías de terceros.
  • Repasar: un repaso aleatorio de todo lo aprendido, empezando por los fallos.
  • Tablas de estudio: partículas, contadores, keigo, fechas y demostrativos.
  • Especialidades: el japonés de un oficio, empezando por 165 palabras de programación.
  • Escucha: la pronunciación de cada palabra con la voz del propio navegador.
Palabras por nivel del JLPT N1 pide más de cuatro veces las palabras de N5.
Ver los datos: Palabras por nivel del JLPT
Palabras por nivel del JLPT
CategoríaPalabras
N5674
N4622
N31625
N21731
N12904

Accesibilidad. El objetivo es WCAG 2.2 AA y se comprueba en cada cambio: Playwright y axe recorren unas veinte pantallas en tema claro y oscuro con el perfil de un móvil. La sección activa nunca se marca solo con color, se respeta la preferencia de reducir el movimiento y el código pasa las reglas de accesibilidad de jsx-a11y.

Rendimiento. Es una PWA con Workbox: las fuentes se guardan en caché y la app abre sin red. Las vistas pesadas se cargan bajo demanda, el curso entero se genera en unos 70 ms y la pantalla de inicio aparece en 0,8 s en un móvil con la CPU cuatro veces más lenta.

Seguridad y privacidad. El progreso vive en el dispositivo, en IndexedDB, y la cuenta solo existe si quieres sincronizar. Las contraseñas se guardan con scrypt y sal, y se comparan en tiempo constante.

Arquitectura y calidad. Un monorepo con la app (React, Vite e i18next) y una API en Fastify con Drizzle y PostgreSQL, que hace las búsquedas por similitud con pg_trgm. 31 archivos de tests unitarios y pruebas de extremo a extremo.

Primero sin conexión

Estado. Las cinco secciones funcionan y todos los niveles tienen contenido; el curso sigue creciendo.

Tecnologías

Capturas de pantalla