How to Redesign Your Github Page
Tags: github, personalbrand, resume, portfolio
Published: 2023-03-15 05:19:31

---
title: How to Redesign Your Github Page
published: true
description: Learn how to redesign your GitHub page with the step-by-step guide. Improve user experience and showcase your coding skills with a personalized page.
tags: #github, #personalbrand, #resume, #portfolio
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5st4upa5kqhff88gec96.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-03-03 01:37 +0000
canonical_url: https://blog.savetchuk.com/how-to-redesign-your-github-page
---

I haven't updated my GitHub page for a while and decided to give it a new look. It turned out to be very simple, and it's good if you want your profile to stand out from [the millions of others](https://techcrunch.com/2022/10/25/microsoft-says-github-now-has-a-1b-arr-90m-active-users/). Also, sometimes recruiters and HR professionals can find you on GitHub and contact you, as has happened to me several times before.

So I put in a little effort and in just one day I went from this:

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eiphgnk01fl360125jza.jpg)

To this:

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ex1qgnmywxdoog09xszy.jpg)

Most of the time was spent on editing the text and skills. [Click here](https://github.com/AndrewSavetchuk) to check out my GitHub profile or keep reading and edit yours.

## Left Column

With the left column, everything is simple. Click on the "Edit profile" button and fill in all the fields. Keep in mind that GitHub often adds new features, so it's worth checking back from time to time to see if they've added anything to this column.

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5ikz26l2vvqmc5rqppmv.jpg)

If you want to customize the left column even more, you should check out [GitHub Achievements](https://github.com/Schweinepriester/github-profile-achievements#achievements). Most of them aren't easy to unlock, but getting them is a good way to prove your skill level.

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxkwhb1yiqztjwdz72nq.jpg)

## Main Area

This is where things get more interesting. In addition to the pinned repositories and [gists](https://gist.github.com/AndrewSavetchuk), you can create an entire page with information about yourself. To do so, just create a repository and name it the same as your GitHub username.

For example, my GitHub username is **AndrewSavetchuk**, so my GitHub repository for my profile page is also named [**AndrewSavetchuk**](https://github.com/AndrewSavetchuk/AndrewSavetchuk). You are welcome to take a look or use some of my code to make changes to your profile.

In the newly created repository, you will need to edit the `README.md` file to make changes to your page. There you can use [markdown](https://github.github.com/gfm/) as well as HTML.

I decided to add some text about me, a list of languages and technologies, the latest blog posts, social links and one widget that shows my GitHub contributions.

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8uqfkmt0lb7gbc8b0b8t.jpg)

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d593315ukddll0720w8r.jpg)

If you need more inspiration, I recommend you visit this website - [https://zzetao.github.io/awesome-github-profile/](https://zzetao.github.io/awesome-github-profile/). It's a collection of well-designed GitHub pages that I often use to see what widgets are used by others.

You may also like the images I used for skills and social links, you can find them here: [https://github.com/alexandresanlim/Badges4-README.md-Profile](https://github.com/alexandresanlim/Badges4-README.md-Profile)

As you can see, redesigning GitHub's page is not a challenging task and now that you have learned how to do it, why not put your newfound knowledge into action? Try out the ideas discussed in this article and see how they work for you.

---

I hope you found this information helpful, stay tuned for more content! I also post on [Twitter](https://twitter.com/AndrewSavetchuk) and [Mastodon](https://mas.to/@AndrewSavetchuk) if you want more content on web development and other technologies in your feed :)