Skip to main content
Home
Diagnosis
Store
Gallery
🇺🇸
Learning Content
🇺🇸
Back to About
For Developers
Technical Guide
Detailed documentation for developers and engineers
180
225 Cards
86
Up to 60 Questions
3
3-Layer Structure
3-Layer System
Progressive disclosure design that makes you learn science naturally
L1
Middle School Level
L2
High School to University Freshman
L3
Graduate Level and Above
Diagnosis Mechanism
Each diagnosis mode compares normalized answers with material-persona feature vectors
Selected-mode answers → normalization → ranking by similarity to persona features
Tech Stack
Next.js 16 (App Router)
TypeScript
Zustand
Tailwind CSS + shadcn/ui
Vercel
Data Architecture
Zustand Stores
diagnosis-store
Diagnosis state (answers, progress)
layer-store
Layer state (L1/L2/L3)
unlock-store
Unlock state (paid content)
References
IPIP-50, OEPS-36, Materials Project, WebElements
View Documentation