🙌 7 Tips to Build Your GitHub Profile Like a PRO 🚀
Tags: webdev, javascript, programming, tutorial
Published: 2023-11-16 10:57:02

Hey friends 👋


Ever gone to someone's Github's profile and thought:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7abcd75k05wkjwjpdmdp.gif)

In this article, I will attempt to show you that building a professional GitHub profile is much easier than you think. 

That's right, even if you are not a seasoned expert, you can make your profile look solid.

Here's an example of my GitHub Profile. Let's dive into how you can get your profile looking **just as good in the next 10 minutes. 😉**




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




Ready, set, let's gooo ⏰

---


# 1. Create your GitHub Profile: Add a `README`  

If you haven't already done it, you must create your own GitHub `README` to build your profile page.

For this, head to your profile and click on `Your repositories`. 

After that, create a `New` repository:
- The repo's name needs to be the same as your username. 
- Make sure to make the repo `Public`
- Click on `Add a README file` 

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


---


# 2. An Open Source Repo for your Repo 🤫

I discovered this [repo](https://github.com/rahuldkjain/github-profile-readme-generator) not so long ago, and I fell in love with it.❤️

This cool project helps you build your own GitHub profile in no time! 

Go to [GitHub Profile README Generator](https://rahuldkjain.github.io/gh-profile-readme-generator/) and fill in your information.

[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kgzoys92q078jfwoy2eu.png)](https://rahuldkjain.github.io/gh-profile-readme-generator/)

**Note:** You don't need to complete every section; only the relevant ones.

Once completed:
- Click on `Generate README`
- Then click on `copy-markdown`
- Head over to your newly created GitHub profile and paste the code inside your `README` 💪

---

# 3. Level up your Profile design with Widgets

You should now have a profile that is starting to look pretty slick! 

To up your game, you can add some elegant widgets that provide valuable stats to showcase your skills and achievements. 🚀⭐️

In my case, I have added these to my [profile](https://github.com/fernandezbaptiste):

[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96bqxqtbpbl9mi7nki7k.png)](https://quira.sh/?utm_source=devto&utm_campaign=beautify_github_profile)


You can also add some Widgets to showcase your _Web3_ or _StackOverflow_ experience:


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y1d4ewrrl0ukqz28kcag.png)](https://quira.sh/?utm_source= devto&utm_campaign=beautify_github_profile)

These Widgets are _completely free of use_, and you can get them by signing up to [quira.sh](https://quira.sh/?utm_source= devto&utm_campaign=beautify_github_profile). 

Simply head over to _"Widgets"_ on your Quira profile and paste the copied Wiget code into your `README` page. 


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xksq52zpha8lxeocfo4c.png)](https://quira.sh/?utm_source= devto&utm_campaign=beautify_github_profile)


---

# 4. "Beautify" your Contact Information 💄 

It is possible that you don't like some of the designs from the GitHub README generator. 🙃

Some people prefer a different style, especially pertaining to their _social links/linkouts._

Here's an alternative style you can use: 


[![github](https://img.shields.io/badge/GitHub-000000?style=for-the-badge&logo=GitHub&logoColor=white)](https://github.com/fernandezbaptiste)


If you like this style, you can create your own badge using this synthax: 

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

For example, if you wanted to add your **GitHub badge**, it would be:

```
![github](https://img.shields.io/badge/GitHub-000000?style=for-the-badge&logo=GitHub&logoColor=white)]
```

Depending on the type of banner icons you want to show, you can find a lot of neat icons in this list [here](https://simpleicons.org). 🙌


---


# 5. Utilise the PIN repositories feature 


If you have already built up a couple of projects, this is the right opportunity to showcase the ones you are most proud of!

On your profile, simply click on `Customize your pins` and select up to 6 projects that you want to pin.

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

---

# 6. Contribute and level up your game!


After your pin repositories, your profile will show the below grid. 

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


This represents your **contributions and level of activity on GitHub.**

It is important to emphasise that although you should try to showcase your consistency by contributing often, the % of "green-ness" on this bar is not the most important aspect. 👀

Many people focus on trying to build a perfect streak, but in reality, their work is not impactful, and their contributions are of little value. 

In my opinion (and I believe a lot of people share this sentiment), contributions should be focused on: 

**Quality > Quantity** ❤️

Having said that, it is in your interest to build a couple of projects or contribute to other people's projects regularly.

Now, to try to contribute to projects, there are various tools you can use. 

🔎 Here are 3 free sites which can help you find the next project to work on: 

- [GitHub Explore](https://github.com/explore)
- [UpForGrabs](https://up-for-grabs.net/#/filters?tags=python&date=1month)
- [Quira.sh](https://quira.sh/?&utm_source=devto&utm_campaign=beautify_github_profile)



Alternatively, if this is your first time contributing, I have created this step-by-step [article](https://dev.to/quira/contribute-to-open-source-in-the-next-10-min-step-by-step-beginner-edition-4aia) for first-timers. You will learn the mechanics of contributing on GitHub and be able to contribute in the next 10 min!


---

# 7. Add a Bio 

We are ready to make the final touches... 

Your profile should look pretty fire by now. 🔥

The last thing I would advise you to do is to complete your `Bio`. 

When you are on your profile page, head over to the left side underneath your picture and click on `Edit Profile`. 

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


Add a brief description of yourself and you are good to go!


---

That's it for now. 😄

I hope you are happy with **your polished GitHub profile**! 💅

I must emphasise that my profile is still far from being the best in the world...

However, with these free tools at your disposal, you will be able to customise a fantastic new profile!

This is why I'd love to take a sneak peek and get inspired by the cool profiles you will build! 👀

`Share your brand-new profiles in the comment section! 🙌`

See you next week.

Your Dev.to buddy, 

Bap 💚



---

If you want to join the self-proclaimed "coolest" server in open source 😝, you should join our [discord server](https://discord.com/invite/ChAuP3SC5H/?utm_source=devto&utm_campaign=beautify_github_profile). We are here to help you on your journey in open source. 🫶


{% embed [https://dev.to/quira](https://dev.to/quira) %}