GitHub Setup
Tags: github, git
Published: 2022-05-23 04:28:30

The series continues from the previous ones..
It's better if you go through previous two articles to understand [Version Control System](https://article.hasabtech.com/versioncontrolsystem/Git-What-actually-is-VCS) and [Basics of Git](https://article.hasabtech.com/versioncontrolsystem/Git-Basics-In-Nutshell).

## Git vs. GitHub

So, we come to the question that we defined in our first article.

We have already learned Version Control System, its need, and one of its application in a form of Git.

Consider GitHub as a remote hosting platform of Git allowing easier collaboration with others around the world.

As the GitHub markets itself: **Where the world builds software**

GitHub works around the concept of **Remote Repositories**

## Remote Repositories

- Remote repository means, repository **hosted on Internet** or Local Network (i.e., your corporate network)
- The main goal to work with remote repositories is to **collaborate** with others.
- You can use these platforms to show your work and **build your portfolio** at beginner level.
- This further leads to development of **FOSS** (Free and Open-Source Software)


### Remote Platforms
Other than GitHub, platforms include **BitBucket**, **GitLab** and etc.

## Signup Steps for GitHub

Signing up on GitHub is quite easy. Simply navigate to https://github.com/ and click on Signup button at top right.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/idwvbenqln9jv58znn5f.png)

Afterwards, fill in the information and follow the steps mentioned:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c2bp142l2o9xh4fhv4kk.png)

## GitHub First Look
This is how GitHub first appears after you sign up.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/21pasdlw7cbn4u0ccaab.png)
## Introduce Yourself
This is one of the steps where you must take some time to introduce yourself in a better way:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vi3ut2kb73z5vzzwbglf.png)

Once you click on "Continue" button, it should lead you to edit the **Markdown** file.

You can edit it as well as preview it.

### Committing Changes 

After you are done editing, you can commit your changes.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oiaynczgf0f1j3ldkmh0.png)

## GitHub Introduction Result

You should be able to see a page like this with your changes successfully saved:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ygj1q96khc2gwpqzvxbw.png)

##  GitHub Repository Syntax
Following is a syntax of repository on GitHub

`<username>/<repository>`

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wec6hqp8tzxuvjgzjddg.png)

## Special Repository

When Repository Name is exactly same as your Username on GitHub, it creates a special repository.


**README.md** file that is stored in this repository is directly shown at your profile.
www.github.com/<username>

For Example, my username on GitHub is **Shameel123** which is accessible here:

https://github.com/shameel123
So,

**Shameel123/Shameel123** is a special repository:
https://github.com/shameel123/shameel123

Whatever is stored in README.md file is shown at GitHub profile.

## GitHub Profile View

This is a simple profile view on GitHub

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/logyee16ura64d6u2ppz.png)
 

Try adding a profile picture and beautifying your README.md file in your special repository as it works as a portfolio to show to your future clients or employers.


## Markdown Syntax
Markdown is a special type of formatting that helps for documentation purpose or more precisely beautifying your documents.

GitHub supports markdown out of the box.

Here is a quick cheat-sheet that I got from [here](https://www.markdownguide.org/cheat-sheet/
)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/49vxrqf9z2nwhvi84v1z.png)

At this stage, try to practice and learn this basic markdown syntax.
Best way to learn is to practice, not to cram.

So, start making your notes in MD file and store them on your GitHub profile.