Fullscreen
Browser · Next.js (SSG)
Simulation Engine · In-Memory
User
types a command
UI Components
Terminal · Step · Footer
Progress · Modal
React Context
InteractiveTerminalContext
step · success · history · fs
Lesson Data
data/lessons/*.ts
bundled at build (SSG)
localStorage
progress
lesson.{key}
Command Parser
tokens · flags · pipes
Executor
command registry
ls · cd · grep · find …
Virtual Filesystem
in-memory file tree
path resolution · CRUD
Validator
checkCommand()
expected vs result
input
dispatch
execute(cmd)
read/write
state
{ success, output }
render
steps
save/load
User
UI Components
React Context
Parser
Executor
Virtual FS
Validator
Data / Storage