あ Hiragana Facile

PWA pour débutants francophones · MVP あいうえお

Apprends chaque hiragana dans le bon ordre : forme, son, puis geste.

L’application sépare les compétences Reconnaître, Lire et Écrire. Tu peux revenir aux étapes précédentes à tout moment, mais le parcours guidé respecte la progression recommandée.

Continuer

1. Structure

Architecture proposée

src/
  data/hiragana.ts
  domain/progress.ts
  domain/exercises.ts
  storage/indexedDb.ts
  components/
  screens/
public/
  audio/hiragana/
  strokes/

2. Types & transitions

Types TypeScript clés

type Stage = 'recognition' | 'reading' | 'writing';
type Status = 'not_started' | 'learning' | 'review' | 'mastered';
interface SkillProgress { score: number; status: Status; correctCount: number; incorrectCount: number; nextReviewAt: string; }
interface CharacterProgress { characterId: string; recognition: SkillProgress; reading: SkillProgress; writing: SkillProgress; }

3. Écrans

Parcours d’écran

  1. Accueil
  2. Unités
  3. Présentation du caractère
  4. Reconnaître
  5. Test de reconnaissance
  6. Lire
  7. Écrire
  8. Révision
  9. Progrès
  10. Tuteur IA
  11. Réglages

Unité 1 · Voyelles

あ・い・う・え・お

Choisis un caractère, observe sa forme, puis termine les exercices dans l’ordre.

Observe bien la forme

あ

あ · a

Observe la boucle en bas et la direction du dernier trait.

Révision Reconnaître

Même caractère, intrus, affichage court, formes proches.

Révision Lire

Caractère vers son, son vers caractère, rōmaji caché, mots appris.

Révision Écrire

Ordre des traits, modèle caché, écriture depuis l’audio.

Progression sauvegardée localement

Tableau des trois compétences

HiraganaReconnaîtreLireÉcrire