Recently while using JSBin, I decided to attempt replicating the functionality applications in that same space have, like Codpen, JsFiddle etc as a learning exercise. Basically the core feature of these apps is seeing changes “live” as code is being edited. I built the frontend with Vue and made my best attempt at keeping dependencies as lean as the only other dependency is CodeMirror which does all the heavy lifting for code editing. The backend is written in Go.

All in all it was a nice “and not so easy it becomes boring” project to tackle.

I have plans if I can find the time to add some more features like more flexibility with layouts and have also been considering adding more complex features like collaborative editing after using and reading some articles from Repl.it.

You can try out the editor here: https://live-editor.ikeoha.xyz Github here: https://github.com/ikeohachidi/live-editor