Renshuu

Interactive Japanese Learning & Spaced Repetition (SRS)

JavaScriptHTML5 CanvasCSS3Web Speech APISVG KanjiVGSRS AlgorithmLocalStorage

GitHub Repository Live Platform

↳ Spaced repetition (SRS) + Stroke order animations + Web Speech API

Engineering Scope

Problem & System Purpose

Modern interactive Japanese learning platform covering Phase 0 (Hiragana & Katakana) up to JLPT N4 (Kanji, Vocabulary, Grammar). Features spaced repetition practice (SRS), interactive SVG stroke order animations with KanjiVG, HTML5 canvas handwriting tracing, native Web Speech API audio pronunciation, structured daily reviews, and offline-first JSON progress backup/restore.

Specification100% Offline-First Architecture

SpecificationNative Web Speech API

SpecificationZero External Dependencies

Architecture Blueprint

Client-side interactive educational web application integrating native Web Speech API, HTML5 Canvas/SVG vector animations, and local Spaced Repetition (SRS) state persistence.

Execution Data Pipeline

01.Curriculum Routing (Kana, Kanji, Vocab, Grammar)

02.Spaced Repetition (SRS) Scheduling & Daily Review Queue Engine

03.Interactive Visualizer (SVG Stroke Animation & Canvas Tracing Pad)

04.Native Web Speech Audio Playback (`ja-JP`) & LocalStorage State Sync

Subsystem Decomposition

Kana & Kanji Stroke Engine

Vector SVG stroke animations and HTML5 canvas pad for tactile handwriting practice.

Spaced Repetition (SRS) Engine

Automated retention algorithm managing intervals, review queues, and mastery levels.

Speech & Audio Synthesizer

Native browser Web Speech API (`ja-JP`) for instant, serverless Japanese audio synthesis.

Next Production Case

Finance Feasibility

AI-Powered Investment Analysis & Feasibility Platform

Explore Next Case