Back to Index
Full-Stack Web
2026·Completed

Renshuu

Interactive Japanese Learning & Spaced Repetition (SRS)

TypeScriptNext.js 16React 19HTML5 CanvasWeb Speech APISRSLocalStorage
Renshuu
GitHub RepositoryLive Platform
↳ Spaced repetition (SRS) + Stroke order animations + Web Speech API
Project overview

The problem it solves

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.

SpecificationLocal progress storage
SpecificationNative Web Speech API
SpecificationNext.js / React / TypeScript

How it works

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

Main flow
  1. 01

    Curriculum Routing (Kana, Kanji, Vocab, Grammar)

  2. 02

    Spaced Repetition (SRS) Scheduling & Daily Review Queue Engine

  3. 03

    Interactive Visualizer (SVG Stroke Animation & Canvas Tracing Pad)

  4. 04

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

Key components
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 Project

Finance Feasibility

AI-Powered Investment Analysis & Feasibility Platform

Explore Next Case