CASE STUDY / INDEPENDENT PRODUCT RESEARCH / PRIVATE ACCESS
A living knowledge hub that connects Japanese study, university notes, schedules and JLPT preparation in one system.
Private, authenticated product. This case study uses real screenshots and does not provide product access.
PRODUCT WALKTHROUGH
Move through the chapters or use the indexed navigator. The presentation uses real screenshots; it does not simulate the private product.
The immersive dashboard makes the connected system visible at a glance.
Study data was distributed across KotoFlow, KotoNotes and KotoJun. KotoNexus brings vocabulary, university notes and schedules together without erasing the purpose of each source.
The immersive dashboard makes the connected system visible at a glance.Server-side proxies orchestrate source APIs while Auth.js, Google OAuth and an allowlist restrict access. Neon PostgreSQL persists assessment releases, sessions, responses and mastery history.
A D3.js force-directed graph connects apps, notes, vocabulary and JLPT levels.The study catalog spans N5 through N1 and sits alongside independently created mock assessments. It is not an official JLPT product and does not reproduce the proprietary official scoring model.
Study material is organized by level without implying official affiliation.Versioned independent datasets are compiled deterministically, validated before publication and released immutably. Session state is authoritative on the server, with authenticated delivery controls for listening and image assets.
Assessment setup communicates level, structure and constraints before a session starts.Focused vocabulary and notes views add search, review and progress context around the central dashboard, preserving the identity of each learning source.
Anime-based vocabulary is organized for retrieval and deliberate review.Study data was distributed across KotoFlow, KotoNotes and KotoJun. KotoNexus brings vocabulary, university notes and schedules together without erasing the purpose of each source.
The immersive dashboard makes the connected system visible at a glance.SYSTEM
KotoFlow · KotoNotes · KotoJun
Environment-based secrets remain server-side
Neon PostgreSQL · Drizzle ORM
Auth.js · Google OAuth
WHAT IT DEMONSTRATES
Multiple source models connected through deliberate server and data boundaries.
Complex study material made navigable through a strong visual hierarchy.
Allowlisted authentication, server-only secrets and protected assessment assets.
Deterministic releases, validation and authoritative session state.
SCREEN INDEX
Open any real screenshot for a larger view. The dashboard remains the opening and primary image.
