How to create a stunning GitHub Profile
Tags: career, github, productivity, codenewbie
Published: 2021-10-24 07:14:34

{% youtube A09Axj8A8F0%}

Nowadays, junior developers are wondering if a personal portfolio is still necessary to showcase their skills. On one hand, I would say yes, because recruiters don't always have a technical background and don't know what GitHub is about and how it works. So a typical website portfolio would still be the safe way to show everything about you.

**But**, I really struggled with my portfolio for a long time: how should it look, how should I present myself and my projects, what colors should I even use?

That was the moment when I thought, if I'm going to struggle with my personal website, I at least want to have something to show in case recruiters take notice of me. So I pimped out my GitHub profile, and guess what? In interviews, interviewers said they really liked my GitHub profile and saw that I had put a lot of time and effort into making it that good. They never mentioned my personal website.

So if you're in the same situation as I was a few months ago and struggling with your personal website, you can at least create a nice GitHub profile to have something to show for it.

## Header
![README Header](https://community.codenewbie.org/remoteimages/uploads/articles/p3tq8nzgom331g9jo9l1.png)

Add a hero image, or keep it simple like I did. I started with a simple headline "Hi there, I'm Julia" and placed a small GIF next to it because I love using GIFs and emojis, it's so me and that's what I want to show. 

Under the heading, I added badges that lead to all my social media accounts that I created with [shield.io](https://shields.io/).
Shields offers more than just social media badges, like GitHub stats, language badges, and more.

Then I started by introducing myself, who I am, what programming languages I use, and what I'm interested in. This section should be short and include all the important information about you, such as area of expertise (front-end, back-end, AI, etc.), experience, and languages. Use adjectives that best describe you.

## My Projects
![README section My Projects](https://community.codenewbie.org/remoteimages/uploads/articles/9o376x9x7r04g6a7zunt.png)

I have received many compliments for this section, so I encourage you to showcase your projects as best you can. I have created a thumbnail for all my projects and included it above the stats that are automatically generated with [readme-stats](https://github.com/anuraghazra/github-readme-stats).

The text is taken from the description in your repository in the **About** section on the right (in the description you should write what the project is about and what languages you used).

You should fill in the **About** section completely to have as much information as possible about your project that the generator will use. There are many different colorful themes for your statistics.

![REPO Section About](https://community.codenewbie.org/remoteimages/uploads/articles/5ntxp19hrbpbzzgx5il9.png)

Images can be inserted by adding the URL of the image. I saved the images in the GitHub README profile itself, clicked on them, and copied that URL (with the .png extension), which I pasted into the README.

It's also possible to paste video from your desktop into any GitHub README. Just drag and drop it into edit mode and the video will be inserted.

## About Me
![README Section About Me](https://community.codenewbie.org/remoteimages/uploads/articles/25e0wfazzfbscf61nqmm.png)

You can put whatever you want in the "About me" section. If anyone has made it to this section, they are already interested.

I've written about my latest achievement, what I'm working on, and how I visualize the tools I work with (which I've also added to the header).

## Footer
![README Footer, Stats and Blog Articles](https://community.codenewbie.org/remoteimages/uploads/articles/42hkanaas1fp82pa02nf.png)

At the bottom of my profile, I've added statistics about my time on GitHub and the programming languages I use most often. These stats are also generated using [GitHub stats](https://github.com/anuraghazra/github-readme-stats).

I've also added links to my latest blog articles.

## In general

- use`<br />` to insert spaces between sections
- use `---` to insert a horizontal line between sections
- headings are automatically underlined
- You can easily insert plain HTML into the README, e.g. `<b></b>` to emphasize text, `align="center"` to center text, headings and images

If you want to see the code of my README, you can easily view it like any other code on GitHub by clicking on the [pencil icon](https://github.com/YuriDevAT/YuriDevAT) in the upper right corner.

I've only made my outstanding projects available to the public where the code is clean, a README file has been created, and I'm able to talk about the project and the code. This also makes it easier for interviewers, when scrolling through your repositories so they don't get stuck on a project you haven't finished and don't want anyone to see yet. 

There is so much more you can add to your profile, like different fonts, styling, etc. Just google it (e.g. Awesome GitHub README profiles) and get inspired by these great READMEs. 

---
![Thank you](https://docs.google.com/uc?export=download&id=166Ecq6uBl61U14OUlkHOHIBv2ArKoumJ)

_Thanks for your reading and time. I really appreciate it!_