Workshop & Stations
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Write and run JavaScript, Python, and HTML with instant output — a safe place to demonstrate code live and keep examples you can reopen.
AI can draft. You decide what the class sees.
What Code Sandbox is
Code Sandbox is a browser code runner for teaching. Write JavaScript or Python (via Pyodide) and see console output instantly, or run an HTML document preview — press Run, watch the result, keep the example for next time.
That matters because demos die when setup gets in the way. Here the point is the snippet and the output, not installing a toolchain in front of a restless class.
Why teachers use Code Sandbox
Instant JS and Python demos
Show a script and its console output without leaving the Workshop.
Algorithm visuals in HTML
Sorting and canvas templates that make process visible, not only printable.
Quick data snippets
Small analysis scripts when you need a number story fast.
Mini interactive quizzes
HTML starters you can reshape for a short retrieval activity.
On TeachForge, Code Sandbox is the Run-and-console sibling of HTML / CSS / JS — choose Sandbox for snippets; choose HTML / CSS / JS for staged page authoring.
Inside the Code Sandbox Station
Like the rest of the Workshop, the Station keeps source and result close — with a deliberate Run step.
- Language pills for JavaScript, Python (Pyodide), and HTML
- Run-to-preview with console output or an HTML iframe result
- Templates filtered by language so starters match the mode you chose
- Download source when you want the file on your device
- Save as language + code JSON for reopen-anywhere reuse
- Share and Workshop chrome consistent with the other Stations
How a snippet becomes a result
Choose a language and load a template or type code
Keep the example small enough to teach in one breath.
Press Run
Python loads Pyodide when needed; JS and HTML preview immediately.
Save, download, or reuse
Keep the snippet for the next group, or carry the idea into a fuller Station later.
One snippet. Every lesson version of it.
Code Sandbox is intentionally lightweight: reuse comes from language templates and saved language + code JSON, not from a large parametric catalogue. That is the point — fast demos you can reopen, not a second page-authoring Station.
Change it while you teach
Edit a line, press Run, and show what changed.
Keep the example, vary the challenge
Tomorrow’s class can meet the same skeleton with a harder twist.
Stay portable
Download source or reopen the JSON wherever you teach next.
Graduate when needed
Move into HTML / CSS / JS when stages, themes, and standalone export matter more than Run.
If you need build-along stages and parametric page variables, open HTML / CSS / JS. Code Sandbox stays the quick runner.
Ready-made snippets to start from
Open a language template and reshape it:
| Area | What you can open |
|---|---|
| JavaScript | Hello World; Data Analysis; Recursion Explorer; Geometry Calculator |
| Python | Hello World; Number Theory |
| HTML | Interactive Canvas; Sorting Visualiser; Interactive Quiz |
AI help, your way
Need a first draft? Use AI as an assistant — then review, edit, and approve before anything reaches learners.
Copy the prompt
Generate a ready-made prompt and paste it into the chat tool you already use.
Use your own GPU
Connect a local model endpoint in your settings and run generation on hardware you control.
Use your own API key
Add your provider key in settings, choose the model, and generate with your own account.
AI can be wrong. That is exactly why a teacher stays in the loop.
Take the snippet where teaching happens
- Whiteboard — put it on the live board and adjust it in front of the class
- Quest Ladder — drop it into questions and explanations
- Virtual Lab — reuse it inside interactive lab work
- Community — share what you built, and build on what other educators shared