Interactief Code Notebook

Interactief Code Notebook

Een Web-gebaseerde Leeromgeving

28 juli 2024

Een browser-gebaseerde tool waarmee gebruikers codefragmenten in verschillende talen kunnen schrijven en uitvoeren, gecombineerd met markdown voor rijke-tekst uitleg.

Geïnspireerd door tools zoals Jupyter Notebooks, streeft dit project ernaar een lichtgewicht, web-native omgeving te creëren voor technische documentatie en tutorials. Het gebruikt WebAssembly om code-interpreters voor talen als Python en JavaScript rechtstreeks in de browser uit te voeren, wat een gesandboxte en veilige uitvoeringsomgeving biedt. De applicatie is gebouwd met Next.js en beschikt over een Monaco Editor-integratie voor een rijke code-editervaring. Gebruikers kunnen 'notebooks' maken die zijn samengesteld uit markdown-cellen en code-cellen, en de uitvoer van code-executie wordt direct onder de cel weergegeven. Notebooks kunnen lokaal worden opgeslagen of gedeeld via een unieke URL.