DEV Community

Florian Woelki
Florian Woelki

Posted on

1 1

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.

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

AWS GenAI LIVE!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️