Spaces to code.

I've recently come across some interesting sites, that help you run code on line. This is not a new idea been around for a while but I like these ones. As they are quite beginner friendly and they are very interactive code and see your results. It is possible to embed content into other sites and online media.  

The first is https://glitch.com/ it offers Glitch’s basic features for free. This in includes a intuitive code editor for projects with 

 

• Projects and code are public by 
• default Full-stack apps that sleep after 5 minutes 
• Unlimited static 
• sites that are always on 
• Github import/export and Prettier support 

It uses what it calls remixing where you fork prebuilt projects. Most are based on nodejs but other languages are posible. As it is mostly nodejs you have an address where you can view your output. Like this https://now-look-up.glitch.me/, notice it is the project name at glitch.me domain. Note if it is not a basic static site https://now-look-up-static.glitch.me/ it may take a time to come up. 

Things I don't like is it is too easy to click a remix and removal of projects involves emailing support to remove it.

My second contender is https://replit.com/ this also has a free plan giving

• Unlimited Repls 
•  Free storage 500 MB 
•  500 MB memory 
•  0.2 - 0.5 vCPUs 
•  Live multiplayer collaboration
• Github linking

They also shut down if not accessed.

The site is mostly Python based but you have a a claimed 50+ languages. only use Python and Nodejs myself.

 

One of my examples https://replit.com/@LloydG/panda-maps and git repo https://github.com/lloyd-g/panda-maps. 

Which can be embedded in most web pages. https://docs.replit.com/hosting/embedding-repls 

This is not a tutorial as there are loads for these sites and the documentation is generally good. See links :

• https://docs.replit.com/category/getting-started 
• https://help.glitch.com/kb/article/143-getting-started-part-1-the-project-editor/