DEV Community

Florian Woelki
Florian Woelki

Posted on

Online Playground Vueply

Vueply is a experimental online playground, which was created for learning and programming in the web. The main reason, why i built this WebApp is because, I want to launch a course section with "homeworks". For getting started without any tools you can directly jump into that online playground and test your knowledge and start coding.

Vueply supports Vue.js, JavaScript, TypeScript, HTML, CSS and Markdown. Currently, I am working hard on supporting Python and live code for this online playground.
With live code you can simply connect yourself with a friend and solve a problem together.
In additional, right now everything runs in the browser and nothing is stored on any server (that will change with live code and python).

The goal behind Vueply is not to replace the popular choices Sandbox or any other playground. The goal is to work good, fast and easy for beginners. So they can code while they're watching a course.

Demo Link

You can visit the online playground here

Code

https://github.com/daycademy/vueply/

Techstack

I've built this online playground with JavaScript/TypeScript and Vue.js. Vue.js uses typically libraries like Vue Router and Vuex. Furthermore, the server uses TypeScript with Express and Socketio.

Top comments (0)