jrDev

Master the real-world skills every junior developer needs.

Interactive Git Visualizer

Current Branch: main Commits: 1

Welcome to the Git Visualizer

Click "git commit" to add a new snapshot of your code to the timeline.

How to use this project

  1. Commit: Click git commit to save your work.
  2. Branch: Click git branch feature. This creates a new timeline and switches you to it.
  3. Work: Make a few commits on the feature branch.
  4. Checkout: Click git checkout main to switch back to the main branch. Notice how the “HEAD” (the highlighted circle) moves.
  5. Merge: Once back on main, click git merge feature to combine the work.

Key Concepts

  • Commit: A snapshot of your code at a specific point in time.
  • Branch: A separate timeline for developing features or fixing bugs.
  • Checkout: The act of switching between branches. It moves your “HEAD” pointer.
  • Merge: Combining the history and changes from one branch into another.
  • HEAD: The current location (pointer) of where you are working in the Git history.