I've tried this idea out before (on three occasions, with different approaches, but the same name :P).
I think this approach has a lot of promise. Compared to normal blog posts, being able to see the diff and the entire snapshot of the code at this step is luxurious.
The biggest problem I always ran into was that it's brittle. Made a mistake creating the gitorial on step 3 of 10? You have to rebase, which throws off all your commit hashes down the road. You can get around this with automatically creating tags for the steps, but the fact of the matter is, it's brittle.
I also don't like that it's a CLI only tool. When I'm reading tutorials online, I don't want to have to leave my browser—on mobile, I can't leave my browser!
For the purposes of prototyping, these are the two attempts I've had at creating a similar experience in the past:
- https://github.com/jez/vim-as-an-ide (how to configure Vim & use plugins)
- https://scottylabs.org/wdw/frontend/lab/ (intro to JavaScript by making a simple board game)
Neither my two solutions nor the OP's solutions are perfect, but the idea in general holds a lot of promise.
https://bokub.github.io/git-history-editor/
In the future, I'd like to extend the shell tool to have a nice "edit mode" that runs git rebase underneath. I haven't thought through how to deal with merge conflicts, though.
Being able to run the tutorials online would be ideal, but that will require a full-fledged OS to run the project. That could be done server-side with a sandboxed OS ($$$) or, intriguingly, perhaps it could be done entirely client-side using an in-browser Linux emulator: