Leaf
Author interactive coding tutorials
Start new thread
Adish Jain

Leaf - Author interactive coding tutorials

by
Leaf is a platform that allows writers to publish interactive coding tutorials. We provide the reader a two-panel view. On the right, we display images and have a code editor that scrolls to relevant code as the reader goes through the text on the left.

Add a comment

Replies

Best
Tom Binga
I went to "Explore" and all of the pages have 404 errors. The Google Auth signup also seems broken.
Adish Jain
Maker
@tom_binga Thanks for the feedback. We are working on fixing this issue right now.
Adish Jain
Maker
@tom_binga We have identified the issue as hitting quota limits on our Firebase backend.
Adish Jain
Maker
@tom_binga The issue should be resolved :)
Gregory Wehmeyer
Fix the errors, I have a use case to discuss with you. Following.
Adish Jain
Maker
@gregory_wehmeyer Working on fixing the issues right now.
Adish Jain
Maker
@gregory_wehmeyer The issue should be resolved :)
Imran Khan
Looks interesting. Do authors need to send their audience to Leaf or can they integrate Leaf in their own platforms?
Adish Jain
Maker
@strongsoda Imran, the idea is to have Leaf be a platform where people can create interactive articles in general. Right now, we're starting with coding tutorials, with interactive coding blocks that you can integrate into your article. We imagine expanding to all types of interactive blocks that just don't exist in the standard blog-post format.
Imran Khan
@adishj that sounds cool. All the best!
Adish Jain
Maker
Leaf is a platform designed to reshape the way learners interact with coding tutorials. Inspired by Stripe's side-by-side API documentation, we wanted to build a tool which gives everyone a convenient way to process information through reactive learning. No more publishing code snippets on Medium! Leaf allows you to write out the steps of your coding tutorial using Markdown in the left pane, and then write the associated code of your steps in a code editor on the right pane. Leaf lets you associate your steps with parts of your codebase, so when you scroll through a finished tutorial, the code editor automatically scrolls to the relevant code.