Have you ever come across GitHub profiles looking like this 👇👇

And you are like wow! How do they do that? You will be making your GitHub profile look beautiful and outstanding by using the steps in this article. One of the benefits of organizing your GitHub profile in this manner is that it helps show off your skills and projects to the general audience faster. You will be using the GitHub Profile README hidden feature to do this.

Step One:

Log in to your GitHub account, click on your repository and click on the new button to add a new repository. The repository name will be the same as your profile name as seen below. Make your repository public.

Tick on the ‘Add a README file’ to initialize the repo. You can now click on the ‘ Create repository’ button to create your repository.

Step Two

With one click of the 'Create repository' button, you will see the page below.

Click on the edit icon on the right-hand side, this will take you to the README page showing some GitHub markdown template as seen.

You can start editing the markdown template to whatever you wish and how you will want it to look like.

To add a badge to your profile as seen.

Go to shields.io and use the following syntax to add your badge.

![<Badge Name>](https://img.shields.io/badge/<Badge Text>-<Background Color>?style=for-the-badge&logo=<Icon Name>&logoColor=<Logo Color>)

Below is a Linkedin badge created using the above syntax.

![linkedin](https://img.shields.io/badge/Linkedin-0e76a8?style=for-the-badge&logo=Linkedin&logoColor=white)]

You can use this same procedure to add your skills/tech stack badge to your profile.

Step Three

There are a lot of open-source resources that will help you in beautifying your profile. Below are three resources you can use in adding your git stats, streak, top languages, and profile view.

GitHub Streak

DenverCoder1 / github-readme-streak-stats

🔥 Stay motivated and show off your contribution streak! 🌟 Display your total contributions, current streak, and longest streak on your GitHub profile README

Github Readme Streak Stats

Display your total contributions, current streak
and longest streak on your GitHub profile README

⚡ Quick setup

1. Copy-paste the markdown below into your GitHub profile README
2. Replace the value after ?user= with your GitHub username

[![GitHub Streak](https://github-readme-streak-stats.herokuapp.com/?user=DenverCoder1)](https://git.io/streak-stats)

Note: See below for information about deploying the app on your own

⚙ Demo Site

Here you can customize your Streak Stats card with a live preview.

http://github-readme-streak-stats.herokuapp.com/demo/

🖌 Themes

To enable a theme, append &theme= followed by the theme name to the end of the source url:

[![GitHub Streak](https://github-readme-streak-stats.herokuapp.com/?user=DenverCoder1&theme=dark)](https://git.io/streak-stats)

Theme	Preview
default
dark
highcontrast
More themes!	🎨 See a list of all available themes

If you have come up with a new theme you'd like to share with others, open an issue to add it!

🔧 Options

The user field is the only required option. All other fields are optional.

If the theme parameter…

View on GitHub

Top Languages and Stats

Profile View

Other features you can add are:

• Trophy
• Cover picture
• Floating image or gif
• Spotify playing
• README typing SVG
• Blog post workflow
• Markdown icons
• README quotes.

The list goes on, you could browse about these features and see how to add them to your profile.

Final Note:

There is also an easy way of beautifying your Github profile by using a profile README generator profile-readme-generator. This contains all the features, all you need to do is fill in the features you want on your profile and click the ‘Generate Readme’ button, copy the code and paste it on your special repository. It's that simple. I will love to get feedback on how you created your profile and the method you used.