Online playground to run & test the exercises

[hatemhosny]

Hi @EmNudge

I have just come across your great project. Excellent work!

I'm the author of LiveCodes, an open-source, feature-rich, client-side, code playground that supports 80+ languages/frameworks.

Check: Introducing LiveCodes
Documentations: https://livecodes.io/docs/

LiveCodes supports WebAssembly Text Format among the wide range of language support. It uses wabt.js to run WAT in the browser. The editor uses Monaco editor (that powers VS Code) on the desktop and CodeMirror6 on mobile. These offer very nice syntax highlighting and code editing experience.

A minimal helper code is added to allow interoperability with the page JS for getting access to imports/exports.

Check the starter template: https://livecodes.io/?template=wat

In addition, there is a test runner that uses Jest (also runs in the browser).

I was able to get your first exercise running (including the tests) without much effort:
https://livecodes.io/?x=id/ad92hkkraxy&tests=full

LiveCodes supports embedding playgrounds in any webpage. In addition, there is an easy-to-use, yet powerful SDK that allows creating embedded playgrounds and communicating with them (e.g. get/set code, run tests and get their results, watch console output, etc).

Check the article: Let's Make an Interactive Coding Tutorial

I thought LiveCodes can be useful for your project, where users can just run code online and check their solutions without having to download or install anything, even on mobile, with syntax highlighting, share/export projects, save for later, and lots of other features.

If you are interested, I'd be happy to help in creating interactive playgrounds for all your exercises.