/GitHack

Get started with your very first pull and push request

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

GitHack - Get started with your very first pull and push request this Hacktoberfest

Requirements:

  1. Git should be installed into your computer.
  2. VS Code should be installed into your computer.
  3. Prior knowledge of git will be Good.

Let's Start

Step 1: Fork this repository:

Step 2: Copy the link by clicking on code button (green button) like below:

Screenshot (29)

Step 3: Open cmd in Windows or Terminal in Linux in a folder of your choice like below:

Screenshot (30)

Step 4: Enter below command into the cmd and replace 'Your GitHub Username' with your GitHub username:

git clone "https://github.com/'Your GitHub Username'/GitHack"

Screenshot (31)

Step 5: Now enter below two commands:

cd GitHack
code .

Screenshot (47)

Now you might be seeing VS Code opened like this

Screenshot (32)

Step 6: Now, we have to add some code into index.html:

<div class="bg-light border rounded-3">
  <div class="m-4">
    <h3><!-- Your Name --></h3>
      <ul style="margin-left: -15px;">
        <li>Branch: <!-- Your Branch --></li>
        <li>College: <!-- Your College --></li>
        <li>Github Username: <!-- Your Github Username --></li>
        <li>Tech Stack: <!-- Your Technical Skills --></li>
       </ul>
  </div>
</div>

Copy paste this code above the below code in index.html

<!-- Copy paste below code above this line-->

Screenshot (33)

Step 7: Now make changes like
~ Replace <!-- Your Name --> with your name
~ Replace <!-- Your Branch --> with your branch
~ Replace <!-- Your College --> with your college name
~ Replace <!-- Your Github Username --> with your Github Username
~ Replace <!-- Your Technical Skills --> with your technical skills

Now your code must look like this:

Screenshot (36)

Step 8: Now open new terminal in VS Code like this:

Screenshot (37)

Step 9: Now enter below code into your terminal:

git add .
git commit -m "I have added my details as <Your Name>"

Here as well reaplce <Your Name> with your name

Screenshot (38)

Step 10: Now enter more code:

git push

Screenshot (39)

Step 11: Now, open your forked repository in your browser like this

Screenshot (40)

Step 12: Now, click on Contribute and then on Open pull request like this:

Screenshot (41)

Step 13: write a comment of your choice and then click on Create pull request like this:

Screenshot (42)

Now you see your page like this:

Screenshot (43)

Now we will merge your pull request and as your pull request get merged you will see like this in your pull request section and you will recieve a email as well:

Screenshot (46)

Congratulations 🎉🎉 You have done your very first contribution.🥳🥳

Happy Coding!! Happy Hacktoberfest!!

Resources

GitHub Skills

Pro Git - A Ebook

Git Reference About § Site Source

Connect with us!!

LinkedIn: https://www.linkedin.com/company/mlsa-x-sistec
Discord: https://discord.gg/4MsjNAruD5
Instagram: https://instagram.com/mlsaxsistec?igshid=YmMyMTA2M2Y=