DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 967,611 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for How to make a stunning README for your Github profile.
DivineFavour
DivineFavour

Posted on

How to make a stunning README for your Github profile.

Hey I'm Favor, a 13 year old self-taught front-end web developer very passionate about programming ❀️ I've not been writing for some time due to the preparations I've been making for the new school session. Yay, I'm in high school!! πŸ’ƒπŸ’ƒ So, let's jump right into our story πŸ‘‡

...From time to time, when you visit people's Github profiles, you may find amazing animations, pictures and fancy texts. All these are included in the new Github profile READMEs. In this article I'll show you how to make yours as stunning as theirs 😸

My Github Profile
https://github.com/nmasi322/

Creating your README file

To create your README Github profile got to https://github.com/new and create a new repository. Name the repository with your username in that case, mine would be nmasi322/nmasi322 Now it's typed in, you will receive a message telling you about this secret/special repository.

Creating a new repository

This is all you need to do here. With that said, you can include any other files like code, pictures, GIFs etc.

Making it stand out

You now have your personal README profile, and you could just add your mail, social media links and toss it out for the world to see but guess what? YOUR PROFILE IS VERY BOOORRRIIINNNGGGG πŸ˜΄πŸ’€. It's so boring that recruiters might just skip your profile, but I can help you style this profile in a few minutes. Just follow the steps below.πŸ‘‡

Your header

My header Image

  • Next, you should have a little introduction of yourself and what you do or love to do πŸ‘©β€πŸ’»

A little intro of myself

  • You can then add your social media link through which people can contact you. You can do it when editing your README file below. Press ctrl + k or command + k on your computer to show the link option. The title goes in the square brackets [], while the link goes in the parenthesis ().

Adding your social media links

  • Next is your different skills. Feel free to show the different skills which you have acquired in your field 🦚

Skills section

  • Then, you can add your extra-curricular activities in the next section. I added my recent blogs in this section.

Extra-curricular activities

  • And finally you can add the special Github Profile Stats by pasting the link below in your README file.
[![My GitHub Stats](https://github-readme-stats.vercel.app/api/?username=YOUR_USERNAME&count_private=true&theme=react&showicons=true)]()

[![My GitHub Language Stats](https://github-readme-stats.vercel.app/api/top-langs/?username=YOUR_USERNAME&langs_count=5&theme=react)]()

[![My Contribution Stats](https://github-contribution-stats.vercel.app/api/?username=YOUR_USERNAME)](https://github.com/YOUR_USERNAME/github-contribution-stats/)
Enter fullscreen mode Exit fullscreen mode

Replace YOUR_USERNAME with your Github profile username. You can pin your repositories below your README file and this is how you do it.

  • At the top right corner of your profile, click "Your Profile"
  • Move down to "Customize your pins"
  • Click on the pins you wish to pin to your profile and voila! Your awesome profile is now complete. Don't forget to regularly create repos or projects and upload them to your Github account.

I hope this article was helpful if it was not, I'm sorry to let you down but I'll try better next time. Until I write again, ❀️ Divine.

Top comments (6)

Collapse
 
parajdox profile image
John Dave Dalmao

how to add the skills?

Collapse
 
favor profile image
DivineFavour Author

Hey John,
Sorry I've not been online for sometime due to my studies and the celebrations.
So, to add your skills, check this github repo and in the README section you can copy the link for your specific skill. Good luck!

Collapse
 
favor profile image
DivineFavour Author

Sorry, here's the link. github.com/Ileriayo/markdown-badges

Collapse
 
foxy4096 profile image
Aditya Priyadarshi • Edited on

Hehe, nice post,
Here is mine GitHub

Collapse
 
favor profile image
DivineFavour Author

Thanks.
Just followed you. We can collaborate sometime in the future 😸

Collapse
 
foxy4096 profile image
Aditya Priyadarshi

Hehe, that would be nice.

Peace ✌️

πŸ‘‹ New to DEV?

Head over to our Welcome Thread and tell us what you're working on!