How to Customize GitHub Profile: Part 1
Tags: github, githubprofile, githubportfolio, git
Published: 2024-06-17 02:40:03

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](https://dev.to/ryoichihomma/how-to-customize-your-github-profile-part-2-32g2) | [Part 3](https://dev.to/ryoichihomma/how-to-customize-your-github-profile-part-3-37em) | [Part 4](https://dev.to/ryoichihomma/how-to-customize-github-profile-part-4-29h) | [Part 5](https://dev.to/ryoichihomma/how-to-customize-github-profile-part-5-23po) 
![My GitHub Profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p5h3bn284003p05mnvoa.png)


## 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](https://github.com/DenverCoder1/readme-typing-svg).
![Typing SVG](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/78cdk3hlggix6fkoefxa.png)

## 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](https://visitcount.itsvg.in/)
![Pro Visit Counter1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/thp8z3nuixmc584mi24n.png) **Step1)** Once you click the "Create Now" button, you can start customizing your counter like this. ![Pro Visit Counter2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tqz6xt69ux0tqmdpmjy1.png) **Step2)** You can also choose a color theme and select count style like this. ![Pro Visit Counter3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xzfy83h1kwr6mzs7sjpj.png) ![Pro Visit Counter4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5iml131e3wutg9fybya.png)**Step3)** 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ocgoabecjam2t56a1nm.png)

Here's another tool by [Anton Komarev](https://github.com/antonkomarev/github-profile-views-counter).

## 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](https://github.com/DenverCoder1/readme-typing-svg)
[Readme Typing SVG](https://readme-typing-svg.demolab.com/demo/)
[Pro Visit Counter](https://visitcount.itsvg.in/)
[GitHub Profile Views Counter by Anton Komarev](https://github.com/antonkomarev/github-profile-views-counter)


##### Other Parts
[Part 2](https://dev.to/ryoichihomma/how-to-customize-your-github-profile-part-2-32g2) | [Part 3](https://dev.to/ryoichihomma/how-to-customize-your-github-profile-part-3-37em) | [Part 4](https://dev.to/ryoichihomma/how-to-customize-github-profile-part-4-29h) | [Part 5](https://dev.to/ryoichihomma/how-to-customize-github-profile-part-5-23po)