Giter Club home page Giter Club logo

githack's Introduction

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

Connect with us!!

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

githack's People

Contributors

aimanasif27 avatar akash7649 avatar arjun-thakur18 avatar ashishshukla09 avatar ayushagrawal123 avatar captainboggle avatar divi1501 avatar gbhumi02 avatar ghanshyam532 avatar ghanshyam88 avatar ghanshyam89 avatar hardik-kushwaha avatar iambijayd avatar kushpandey3009 avatar lukeskywlaker avatar martian2001 avatar niranjan-kurhade avatar ramlakhan79 avatar rishishukla09 avatar sahilghonge avatar savio629 avatar swapnillodhi04 avatar umashankarm655 avatar vikastripathi707 avatar vinyashegde avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.