Interactive guide teaching how terminals work with hands-on demos.
- Educational: Teach concepts, not just show them
- Interactive: Learn by doing—clicking, typing, hovering
- Progressive: Concepts build on each other
- Demystifying: Show the underlying mechanics
The dev server is always running on port 3000. Do not start it manually. Changes hot-reload automatically.
- Create a demo component in
src/components/ - Add it to
src/App.tsxwith a<Section>wrapper - Include an "insight" that summarizes the key concept
- Make the demo interactive—let readers explore, not just observe
After making changes:
bun run build- Production build