DEV Community

Cover image for Beautify Your GitHub Profile like a Pro
Tapajyoti Bose
Tapajyoti Bose

Posted on • Edited on

Beautify Your GitHub Profile like a Pro

If you have ever used GitHub, you must have come across some impressive-looking profiles and thought "Damn! I want my profile to look like that." Well, this article will help you with precisely that.

1. Add a ReadMe

This is simply the easiest way to boost the visual appeal of your profile many folds. To create a ReadMe for your GitHub profile, create a new repository with your username.

ReadMe Repository

Initialize the repository with a ReadMe.md file and anything you write in the file will be shown in your GitHub Profile.

ReadMe Demo

The ReadMe is the perfect place to describe yourself, list out your achievements and skills. You can also add badges like these to make your profile look even more attractive.

linked-in
github
instagram

To create the badge the syntax is:



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


Enter fullscreen mode Exit fullscreen mode

So the Github badge would look like:



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


Enter fullscreen mode Exit fullscreen mode

You can browse through the list of available icons on Simple Icons

2. Manage your Repositories

Github allows you to pin Repositories and Gists in your profile. This is a remarkable feature that enables you to display the things you want to showcase.

Pinned repositories

It's also a good idea to add details, tags and emojis to make the repository more engaging.

Repository with details
Repository with no details

As you can see, the one with details is way more engaging than the one without any.

3. Contribute, Contribute and Contribute some more!

This is simply the most important step to make your GitHub look awesome! I get it, getting started is scary, so if you need help, check out this article on how to get started with Open Source Development. You don't have to start with huge features or projects; begin with documentation fixes, then move on to tiny bug fixes and features.

Open Source Development can boost your profile regardless if you are going for a job interview or freelancing. After a few good contributions, you will start getting job offers from various companies.

Open Source Contributions

One essential thing to keep in mind is: DO NOT TRY TO CHEAT THE PROCESS. Every one of your contributions is listed on GitHub. There are a lot of people who create fake issues to get a green dot for contribution. This only creates negative impression on the person viewing your profile. If you keep making tiny incremental improvements, you will make it; if you try to use a shortcut, you will likely crash and burn. As the saying goes, "Slow and steady wins the race."

Finding personal finance too intimidating? Checkout my Instagram to become a Dollar Ninja

Thanks for reading

Want to work together? Contact me on Upwork

I am a student & freelancer who will soon start off as a Digital Nomad as soon as I graduate. Want to catch the journey? Follow me on Instagram

Follow my blogs for weekly new tidbits on Dev

Connect to me on:

Top comments (35)

Collapse
 
jmfayard profile image
Jean-Michel ๐Ÿ•ต๐Ÿปโ€โ™‚๏ธ Fayard

I used this README generator

GitHub logo rahuldkjain / github-profile-readme-generator

๐Ÿš€ Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.

GitHub Profile Readme Generator

GitHub Profile README Generator

github-profile-readme-generator license github-profile-readme-generator forks github-profile-readme-generator stars github-profile-readme-generator issues github-profile-readme-generator pull-requests join discord community of github profile readme generator

github-profile-readme-generator gif

View Demo ยท Report Bug ยท Request Feature

Loved the tool? Please consider donating ๐Ÿ’ธ to help it improve!

sponsor github profile readme generator Buy Coffee for rahuldkjain Buy Me A Coffee

Tired of editing GitHub Profile README with new features?

This tool provides an easy way to create a GitHub profile readme with the latest add-ons such as visitors count, github stats, etc.

๐Ÿš€ Demo

Try the tool: GitHub Profile README Generator

๐Ÿง Features

Just fill in the details such as Name, Tagline, Dev Platforms Username, Current Work, Portfolio, Blog, etc. with a minimal UI.

  • Uniform Dev Icons

  • Uniform Social Icons

  • Visitors Counter Badge

  • GitHub Profile Stats Card

  • GitHub Top Skills

  • GitHub Streak Stats

  • Dynamic Dev(.)to Blogs (GitHub Action)

  • Dynamic Medium Blogs (GitHub Action)

  • Dynamic Personal Blogs from RSS Feed (GitHub Action)

  • Wakatime Stats contribute

  • Buy Me A Coffee button

Click on Generate README to get your README in markdownโ€ฆ

See how it looks on my profile ==> github.com/jmfayard/

My takeaway from your third paragraph is that this GitHub graph is stupid and toxic, I wish they remove it. It's perfectly fine to take vacations and take a complete break from programming. It is fine to use GitLab for a while and have nothing to show on the graph. It is fine to be sick and take some rest

Collapse
 
sbalasa profile image
Santhosh Balasa

Wow thanks mate this is pretty handy ha

Collapse
 
ruppysuppy profile image
Tapajyoti Bose • Edited

๐Ÿ˜… I appreciate your thoughts.

I meant "don't make fake contributions". It's highly NOT advisable to keep working till you burn out

Nice readme btw :)

Collapse
 
tami-cp0 profile image
TamIโ„ข

Nice!

Collapse
 
ful1e5 profile image
Kaiz Khatri

Done ๐Ÿ‘

Link

GitHub logo ful1e5 / ful1e5

๐Ÿ˜Ž


ful1e5

Hi, I'm Kaiz Khatri ๐Ÿ‘‹

๐Ÿ’ช Pronouns: He/Him

๐Ÿ’ผ Full-time Opensource ninja

๐Ÿง‘โ€๐ŸŽ“ Bachelor of Computer Science

๐Ÿ–Œ๏ธ Linux content creator on pling.com

๐Ÿคน Playing with NeoVim & Linux.



Kaiz Playing Now






Preview

GitHub Profile
GitHub Profile

Collapse
 
adithyahere profile image
Adithya

Cool!๐Ÿ˜Ž

Collapse
 
zenn profile image
Zen

cool!

Collapse
 
ra1nbow1 profile image
Matvey Romanov

By the way, check out my GitHub :) github.com/ra1nbow1

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Its pretty cool. Keep it up ๐Ÿ‘

Collapse
 
jairneto1 profile image
Jair Neto

Cool dude!

Collapse
 
saleemmalikraja profile image
Saleem Malik

Hi ,

please do check this as well

dev.to/saleemmalikraja/dynamic-git...

Collapse
 
thevedicdeveloper profile image
The Vedic Developer

Check out my profile ๐Ÿ‘‡.. I tried to do something different.

heydrdev (Dr DEV) ยท GitHub

Hi, I am Nishant ๐Ÿ˜‰. Internet calls me Dr DEV ๐Ÿ˜Ž. I am a passionate Open Source Developer, who commits code at night and merges it in day. - heydrdev

favicon github.com

Read more about it here ๐Ÿ‘‡

Collapse
 
fairushinfadis profile image
Fairushin Fadis

Thanks, very interesting post, I will take into account everything you said!

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Glad you found it helpful :)

Collapse
 
chiki1601 profile image
Miss Pooja Anilkumar Patel

I want to create my repository like Your profie!

can you help me?

github.com/Chiki1601

Collapse
 
thevedicdeveloper profile image
The Vedic Developer

Beauty is a relative parameter !! As some said it correctly...

Some beautiful things are more beautiful than other beautiful things - someone

Check it out my profile ๐Ÿ˜ github.com/heydrdev

Collapse
 
chiki1601 profile image
Miss Pooja Anilkumar Patel
Thread Thread
 
chiki1601 profile image
Miss Pooja Anilkumar Patel

I want to my profile like You...Can you teach me?

Thread Thread
 
thevedicdeveloper profile image
The Vedic Developer

Sure Pooja, It's my pleasure to help you out ๐Ÿ˜‡.

Check out my this blog post ๐Ÿ‘‡๐Ÿ‘‡

Collapse
 
httvhutceoscop profile image
Viet NT • Edited

Hi. It's nice article.
I followed it and made my readme.md file.
github.com/httvhutceoscop
Any feedback?
Thanks.

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Your readme is quite nice. There is1 issue though, the link icons you are using are black, it's hard to see them in the dark mode

Collapse
 
httvhutceoscop profile image
Viet NT

Thank for responding.
I should update these to run in dark model well. ;)

Collapse
 
tonynguyenit profile image
tonynguyenit

If you want to show off your social articles in github profile, I created a tool to help you achieve it easily github.com/tonynguyenit18/github-r...