Tutorial: Real Time Collaboration and Free Hosting with glitch.com

Note: This is a step by step tutorial about hosting an Elm application on glitch.com but most of the concepts are applicable to other frameworks as well.

I am planning an Elm workshop and I was checking some tool to create an online collaborative environment where student could proactively participate. I am sharing here the experience of using Glitch for this purpose.

Let’s get started!

First prerequisite it so sign in to https://glitch.com. Probably signing in using the Github account could facilitate things in the future.

Next step is to create a new project. Choose hello-express among the three options as it has node and npm pre-installed.

This is how the default example app looks like:

It has a web server (server.js) written in Javascript using Express but we will not use it and eventually we will remove most of there files.

Let’s now open the logs clicking at the bottom Tools -> Logs.