DEV Community

Ryoichi Homma
Ryoichi Homma

Posted on • Edited on

How to Customize GitHub Profile: Part 1

As a developer, especially for those who are looking for a tech role like myself, it's important to customize your GitHub profile because your GitHub profile is like your digital resume and makes you stand out from a bunch of other candidates. In this article, I'll walk you through the introduction section of my own GitHub profile customization.
Part 2 | Part 3 | Part 4 | Part 5
My GitHub Profile

Create a New Repository Named Same as Your Username

To customize your GitHub profile, you need a repository whose name is the same as your GitHub username. Don't forget to make it public and add a README.md file when you create it.

Add Your Bio with Typing SVG

One of the best ways to catch someone's attention is with a dynamic introduction. I used a Typing SVG to animate the text in my header. This small touch can make a huge difference in making your profile more engaging.

Here's a guide on how to create yours by my favorite developer, Jonah Lawrence.
Typing SVG

Add View Counter Button

After the header, I briefly describe myself and include a profile view counter button to showcase the number of visitors to my profile. This adds a layer of social proof and can intrigue visitors.

How to create yours using Pro Visit Counter

Pro Visit Counter1 Step1) Once you click the "Create Now" button, you can start customizing your counter like this. Pro Visit Counter2 Step2) You can also choose a color theme and select count style like this. Pro Visit Counter3 Pro Visit Counter4Step3) Once you click the "Generate" button, both Markdown and HTML codes will be automatically generated. Copy either code and paste it into your README.md file.
Pro Visit Counter5

Here's another tool by Anton Komarev.

Personal Touches and Contact Information

Sharing personal details and contact information makes it easy for others to connect with you. I included a list of key points about myself, my learning goals, and where people can find me online.

Wrapping Up

This is just the beginning of creating an eye-catching GitHub profile. Stay tuned for the next part of this series, where I will dive into how to showcase your social media links and media and skill sections effectively.

In the meantime, feel free to ask any questions or share your GitHub profiles in the comments below. Let's connect and grow together๐ŸŒฑ

Happy coding!๐Ÿ’ป

References

Guide of Readme Typing SVG by Jonah Lawrence
Readme Typing SVG
Pro Visit Counter
GitHub Profile Views Counter by Anton Komarev

Other Parts

Part 2 | Part 3 | Part 4 | Part 5

Top comments (0)