DEV Community

loading...
Cover image for Beautify Your GitHub Profile like a Pro

Beautify Your GitHub Profile like a Pro

ruppysuppy profile image Tapajyoti Bose ・3 min read

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."

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:

Discussion (20)

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 Author • 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
ful1e5 profile image
Kaiz Khatri

Done πŸ‘

Link


ful1e5 with halo

Hi, I'm Kaiz Khatri πŸ‘‹

πŸ’ͺ Pronouns: He/Him

πŸ’Ό Full-time Opensource ninja

πŸ§‘β€πŸŽ“ Bachelor of Computer Science

πŸ–ŒοΈ Linux content creator on pling.com

🀹 Playing with Vim & Linux.



Kaiz Playing Now






Preview

GitHub Profile
GitHub Profile

Collapse
ra1nbow1 profile image
Matvey Romanov

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

Collapse
ruppysuppy profile image
Tapajyoti Bose Author

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
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...

Collapse
edib_isic profile image
Edib Isic

Thanks very good content to follow every programmer should use GitHub to showcase their work in a Professional way

Collapse
andemosa profile image
Anderson Osayerie

Thumbs up for this post

Collapse
ruppysuppy profile image
Collapse
mayankagrawalcts profile image
mayankagrawalcts

Hi Bose,
Thank you for this nice post. Can you please guide me that how can I create resume's format similar to you. It will be really helpful.
Thank you Bose in advance

Collapse
ruppysuppy profile image
Tapajyoti Bose Author

I used novoresume to build the resume.

Collapse
sbalasa profile image
Santhosh Balasa

Good one cheers

Collapse
ruppysuppy profile image
Collapse
fairushinfadis profile image
Fairushin Fadis

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

Collapse
ruppysuppy profile image
Tapajyoti Bose Author

Glad you found it helpful :)

Collapse
ozh profile image
ΰΎ…ΰΌ» Η¬Ι€Δ§ ༄༆ཉ

"After a few good contributions, you will start getting job offers from various companies"

rofl.jpg :D

Collapse
ruppysuppy profile image
Tapajyoti Bose Author

rofl.jpg :D

Actually I'm speaking from my experience πŸ˜…

Forem Open with the Forem app