Interactive Explainer

GitHub is the New Google Drive

7 concepts, 1 workflow. Everything a non-engineer needs to collaborate like a pro.

Based on Tool School: GitHub 101 by Hannah Stulberg & Sidwyn Koh


01

Why It Matters

You don't need to write code to benefit from GitHub. You need to understand the system your team already runs on.

🔒

Your work has a safety net

Every change is tracked and reversible. You'll never lose work or wonder "who changed this?" again.

🤝

Collaborate without chaos

Multiple people edit the same project simultaneously. No more "Final_v3_REAL_final.docx" file names.

🤖

AI tools need it

Claude Code, GitHub Copilot, and other AI coding tools work directly with repositories. 92% of Fortune 100 companies now use GitHub.

🚀

It's a career multiplier

GitHub literacy is increasingly expected across product, design, data, and ops roles. Not just engineering.

This isn't about becoming an engineer. It's about understanding the tool your team already uses every day — the same way you learned Figma or Google Analytics.


02

The Rosetta Stone

Every GitHub concept has a Google Drive equivalent you already understand. Match them below.

GitHub Terms

Repository
Branch
Commit
Push
Pull
Pull Request
Merge

Google Drive Equivalent

Shared folder
Making a copy to edit safely
Saving with a note
Uploading your changes
Downloading the latest version
Asking for a review
Accepting changes into the original
✓ You've got it.

Skip to answers ↓

GitHub Term Google Drive Equivalent What It Actually Does
RepositoryShared folderA project folder that tracks every change ever made
BranchMaking a copy to edit safelyA parallel version where you make changes without affecting the original
CommitSaving with a noteA snapshot of your changes with a message explaining what you did
PushUploading your changesSends your commits from your computer to GitHub
PullDownloading the latestGets the newest changes from GitHub to your computer
Pull RequestAsking for a reviewA proposal to merge your branch's changes into the main branch
MergeAccepting changesCombines a branch's changes into the main branch

03

Branches

A branch is a parallel version of your project. You make changes on your branch without affecting anyone else's work. When you're done, you merge back.

Think of it like making a photocopy of a shared document. You mark it up freely, and when your edits are approved, someone incorporates them back into the original. Except Git does this automatically.

main — 2 commits

Never commit directly to main in a shared repository. Always create a branch first. The main branch is the "official" version — treat it like a published document.


04

Commits

A commit is a save point with context. It records what changed and why — so anyone (including future you) can understand the project's history.

The difference between a good and bad commit message is the difference between "changes" and "Add Q2 catering vendor contacts and remove expired entries." One is useless. The other tells a story.

 

When to commit

  • After completing a logical unit of work
  • Before switching to a different task
  • When you want a checkpoint you might need to return to
  • After fixing a bug
  • Before trying something experimental

Commit often, push regularly. Small, frequent commits are easier to review, easier to revert, and easier to understand than one massive change at the end of the day.


05

The Daily Workflow

Seven steps. Always the same order. Once you've done it three times, it becomes muscle memory.

Step 1 of 7
01Pull

Start every session by pulling the latest changes from your team. This ensures you're working with the most current version.

Pull the latest changes from main
02Branch

Create a new branch for your work. Name it something descriptive, like update-vendor-section or fix-pricing-typo.

Create a new branch called update-vendor-section
03Edit

Make your changes. Edit files, add new content, delete outdated information. Work as you normally would.

Update the vendor contacts in vendors.md with Q2 data
04Stage

Select which changes you want to include in your next commit. Think of it as putting items in a box before shipping.

Stage the changes to vendors.md
05Commit

Save your staged changes with a descriptive message. This creates a permanent record of what you did and why.

Commit with message: Add Q2 catering vendor contacts
06Push

Upload your branch and commits to GitHub so your team can see them. Until you push, your work only exists on your machine.

Push the branch to origin
07PR & Merge

Open a pull request for your team to review. Once approved, merge your branch into main. Your changes are now official.

Create a pull request for the vendor updates
✓ Your changes are now official.

06

Pull Requests

A pull request is a formal proposal to merge your changes. It's where collaboration actually happens — not in the code itself, but in the conversation around it.

Code Review

Team members review your changes line by line before they go live. Catches bugs, typos, and logic errors before they reach production.

Discussion

Comment on specific lines, ask questions, suggest improvements. The conversation is preserved forever — future team members can read it.

Quality Gate

Automated checks run tests on your changes. If something breaks, you'll know before it's merged — not after it's live.

Paper Trail

Every change has a documented reason, an author, and an approver. Auditing, onboarding, and debugging all become easier.

A good PR description answers three questions: What changed? Why? How can someone test it?

You don't need to understand every line of code in a PR. Focus on the description, the files changed, and whether the approach makes sense. That's already a valuable review.


07

When Things Go Wrong

Mistakes are normal. The good news: Git was designed to recover from them. Test your instincts before we reveal the full guide.

SCENARIO 1 OF 3

✓ You're ready. Here's the full error guide.

SituationWhat HappenedWhat to Do
File disappeared after switching branchesFiles live on branches — your file is on your branchSwitch back to your branch
Merge conflictTwo people edited the same lineChoose which version to keep in the editor
Committed a secretSensitive data is now in Git historyRemove from history with BFG or git filter-repo, then rotate your keys immediately
Pushed to wrong branchChanges went to main or wrong branchRevert the commit, push your changes to the correct branch
Lost uncommitted workChanges were discarded before committingCheck git stash list or git reflog — Git often saves more than you think

You Now Speak GitHub

You've learned the 7 concepts and the workflow that every team uses daily. That's the whole system.

  • 7 concepts from repository to merge
  • 1 workflow you'll use every day
  • The confidence to collaborate with any engineering team
Made with scrolly.toReport