Coding playgrounds like Codepen and JsFiddle.

What it does

You can create short tutorials for HTML/CSS/JS. The tutorials are snippets of code that the user can see in the background of an editor. The student types the same code he sees in the background (similar to a tracing paper). A live preview is shown of the code as the person types.

The idea is to learn by doing. By typing the example code. Not by just looking at it or copying and pasting.

Anyone can create a Tutorial anonymously and share it (using the url). Anyone can access a tutorial (as long as they have the url of the tutorial) and learn from them.

How I built it

React and Create React App for the UI. Codemirror for the Editor.

Built With

Share this project: