Hysen LabslearnGitBranching
An interactive git visualization and tutorial. Aspiring students of git can use this app to educate and challenge themselves towards mastery of git!
Learn Git Branching: understanding git by watching it
LearnGitBranching visualizes the commit tree as you type commands, pairing a sandbox with tutorial levels for learning git in the browser.
See the tree move
LearnGitBranching is a git repository visualizer, sandbox, and a series of educational tutorials and challenges. The primary purpose, per the README, is helping developers understand git through visualization. As users type commands, the nearby commit tree updates dynamically to reflect the effect of each command. That immediate feedback loop is the whole teaching method, and it works because git's graph model is hard to grasp abstractly and easy to grasp when you can see it.
Learning through levels
The visualization is paired with a game made of levels. Different levels get you acquainted with different git commands, so the learning is incremental rather than a wall of text. The README says the combination of visualization, tutorials, and levels can help both beginners and intermediate developers polish their version control skills. It is aimed at aspiring students of git, and it runs entirely in the browser.
Sandbox and demo
By default the app launches in sandbox mode with a basic repository already created, so you can enter commands and mess around as much as you like without touching a real project. The app can also be launched normally from the homepage, and a quick demo is available at the hosted site. The sandbox is what makes the tool safe to recommend to a beginner, and the demo is the fastest way to see if the approach clicks.
Editorial conclusion
The visualization is the teacher here. Watching the commit tree move as you type does more for git intuition than most tutorials, and the free play sandbox removes the fear of breaking anything.
Community notes