Skip to main content

Challenge: Your First Contribution

You’ve learned the commands, you’ve set up your SSH keys, and you’ve mastered branches. Now, it's time to use the Professional Workflow.

Your mission: Add your name to the CodeHarborHub Wall of Fame repository on GitHub.

The Mission Map: The Fork & Pull Workflow

When you want to contribute to a project that isn't yours, you follow these steps:

  1. Fork: Create your own copy of the project on GitHub.
  2. Clone: Download your copy to your computer.
  3. Branch: Create a "Parallel Universe" for your changes.
  4. Commit & Push: Save and upload your work.
  5. Pull Request (PR): Ask the owner to "Pull" your changes into the main project.

Step-by-Step Instructions

Step 1: The Fork

Go to the CodeHarborHub Wall of Fame and click the Fork button in the top-right corner. This creates a copy of the repo in your GitHub account.

Step 2: The Clone

Now, bring that code to your computer. Open your terminal and type:

git clone git@github.com:YOUR_USERNAME/wall-of-fame.git

(Replace YOUR_USERNAME with your actual GitHub username!)

Step 3: The Feature Branch

Move into the folder and create a new branch. Never work directly on main when contributing!

cd wall-of-fame
git checkout -b add-my-name

Step 4: The Edit

Open the project in VS Code. Find the contributors.md file and add your name to the list:

  • [Your Name](https://github.com/your-username) - Learning at CodeHarborHub!

Step 5: The Save & Upload

Use the "Big Three" commands you learned earlier:

git add contributors.md
git commit -m "Added my name to the Wall of Fame"
git push origin add-my-name

Step 6: The Pull Request (The Final Step)

Go back to the original Wall Of Fame repository on GitHub. You will see a yellow bar that says "Compare & pull request".

  1. Click that button.
  2. Write a nice message: "Hi! I'm adding my name to the contributors list."
  3. Click Create Pull Request.

What Happens Next?

The maintainers of Repo (wall-of-fame) will review your code. If everything looks good, they will click Merge, and your name will officially be part of the project forever!

Graduation Checklist

  • I successfully Forked a repository.
  • I used a Feature Branch for my changes.
  • I Pushed my changes to my GitHub account.
  • I opened my very first Pull Request!
YOU ARE NOW A VERSION CONTROL PRO!

Congratulations! You have completed the Absolute Beginners track. You can build with HTML, style with CSS, add brains with JavaScript, and manage it all with Git.

Where do we go from here? You are ready for the Intermediate Frontend track, where we dive into React.js, Tailwind CSS, and Advanced JavaScript.