DEV Community

How to Make Your Awesome GitHub Profile

Jasper Gabriel on January 07, 2024

If you're new to GitHub or have mostly worked with private GitHub repositories, chances are you don't have a GitHub profile yet. A GitHub profile ...

Read full post

Best Codes • Jan 8

I just finished reading your post and I wanted to express my admiration for the quality of the content. The article is not only great but also very informative. The insights and information provided are truly valuable and have significantly expanded my understanding of the topic.

I appreciate the effort you put into creating such a comprehensive and enlightening piece. I am looking forward to reading more of your work in the future. I'm definitely going to follow you now. :D

Best regards,
Best Codes

Jasper Gabriel • Jan 8

Hello Best Codes, I really appreciate the kind words, especially coming from a fellow blogger like you.

I remember your fun article about Listicles!

Also looking forward to see what you come up with, and good luck to us!

Best Codes • Jan 8

I'm glad you're happy. 😊 I remember that article about listicles, too. One of my more trending ones, I believe. Good luck to you as well!

Kiran Naragund • Jan 7

Checkout my profile:

Kiran1689 / kiran1689

Dynamic readme profile template. Do not just fork, Give Star too :)

ɪ'ᴍ ᴋɪʀᴀɴ!

Digital Craftsman (Developer / Programmer)

I am a Full Stack Developer and Machine Learning Enthusiast with a huge love for Python, React.js, Node.js, Django, RDBMS, REST API and Data Visualization.

✨ Student of life :)
🌱 I’m currently learning many things, I believe that everyday is a learning opportunity.
💁‍♂️ Trusted member and Moderator at DEV Community
🏙 A lifetime insider and Mentor at Exercism.
✍ I write technical blogs, You can visit my blog site at DEV.
❤ Contributing to Open Source.
💻 Visit my Portfolio for more details about me.

Tᴇᴄʜ sᴛᴀᴄᴋ & Lᴀᴛᴇsᴛ ʙʟᴏɢs

Current Learning

Deepening my knowledge in Machine Learning and AI.
Exploring advanced React.js patterns and state management techniques.
Improving my skills in cloud computing with AWS and Azure.

Latest Blog Posts

View on GitHub

Jasper Gabriel • Jan 8

Hey Kiran, I love how we both use Hello World on your headers!

Your profile looks sleek, and I like the cute owl artwork besides your bio.

Got some new ideas for my own!

Kiran Naragund • Jan 8

Thanks :)

Wiser Zhou • Jul 5

Your page is really cool! I'll copy and modify this to meet my taste.

oOosys • Jan 8 • Edited

Hmmm ... I am sometimes on a slow Internet connection. From this perspective checking out your profile for a short bio, website and some other basic data takes endless time up to not being loaded at all. In other words the "awesome" you propose it that people on slow Internet connections can't see you profile and spent their download volume on.loading meaningless graphics. So what is the point of polluting the storage space out there with cool animated graphics with no meaning and no information content? What is the point of wasting energy required for data transfer, challenging visitors monthly download volume limit risking it to hit the threshold because of the "coolness" of your profile?

Jasper Gabriel • Jan 8

Hey oOosys, thank you for the feedback and I fully agree with what you said.

I apologize for not taking enough consideration for the accessibility of my profile.

I've edited the article to include a section for "Improving Accessibility", since not everyone can view or load images.

oOosys • Jan 9 • Edited

Yes, you have edited the article, but ... forgot to equip the DEV article itself with what you have added to your github profile:

![Image description](put-link-to-image-here) AND you can add a caption using the HTML <figcaption>captionText</caption> tag!
Without the figcaption tag there will be no info on the DEV page describing the image ... This raises for me the question what is the Image description then good for???

Jasper Gabriel • Jan 10

Hmmm, I've done a bit of reading on the topic, specifically this article on writing alternative text and image captions.

I feel image captions are meant to add more context to an image, while image alt text describes what the image is meant to show, for those who might be visually impaired, or those who don't have the luxury to load/view images.

oOosys • Jan 10

What about updating your article with appropriate texts for all used images? Explaining which option has which effect? As of now your article shows up in my Browser with large empty spaces without any hints toward image content or meaning.

Ashish Khare😎 • Jan 24

I'm fan of minimalism. Hence, I loved your profile above the quote section and beyond that it is pure noise.

Although, this is a great collection for those who want to decorate their Readme.

Appreciate your effort!

Jasper Gabriel • Jan 25

Hey Ashish, appreciate the feedback!

I'm also a fan of minimalism, though when I made my profile also decided to try some stuff out.

But one thing for certain is that it's always better to have at least something on your profile than nothing. :)

Ashish Khare😎 • Jan 25

Amen.

Vishwa Gaurav • Jan 8 • Edited

If you want to save time and create awesome ReadMe in less than 2 min then go for this:
GitHub Profile ReadMe Maker

Jasper Gabriel • Jan 8

Hey Vishwa, unfortunately the link does not work for me.

Vishwa Gaurav • Jan 8

Ah, there was a typo. Fixed it!

Jasper Gabriel • Jan 8

Worked now, what you've made is pretty nice!

I feel beginners will find your tool really useful, especially if they're not familiar with using markdown.

I'll keep your tool in mind when someone needs to create a new GitHub profile.

Cheers!

Vishwa Gaurav • Jan 8

Thank you Jasper, also lemme know if there is something which can be added to make this even better.

codecruz • Jan 17

I really appreciate your post; it helps me customize my GitHub profile, and it's starting to look great (Now I have many pending 'TO-DOs' to improve my presentation, hehe).

In addition, the other repositories and tools you recommended are so helpful.

Big thanks! ⭐

Jasper Gabriel • Jan 19

I also have some pending on my end. :)

There are always things to improve. Glad you found this helpful!

Rizmy Abdulla 🎖️ • Jan 8

Checkout mine:

RizmyAbdulla / RizmyAbdulla

github profile repo

Welcome👋

Connect with me 🙌

About me:

I'm 17 and pursuing a degree in software engineering 🚀
I’m currently developing a school web app 🏫
I’m looking to contribute to open source 🙌
Fun fact: I love to create games 👾

Explore my work:

Portfolio • dev.to • npmjs

Connect with me on Discord:

Tech Stack:

GitHub Stats:

Profile Views:

View on GitHub

Jasper Gabriel • Jan 8

Hey Rizmy, I like the header and footers of your profile, as well as your profile card. Pretty neat!

Rizmy Abdulla 🎖️ • Jan 8

Thanks 💖

mahdi • Jan 8

Please Checkout my profile:

m-mdy-m / m-mdy-m

My Readme GitHub

`> Hey There!, I am Mahdi`

About me

👋 Hey there! I'm Mahdi, a web developer passionate about creating engaging web experiences.

✌️ Enjoy Programming and Sharing Knowledge
I love collaborating with fellow developers, exploring new technologies, and sharing insights.

❤️ Love Coding and Learning
I'm driven by the thrill of coding, constantly experimenting with frameworks and pushing boundaries.

📧 Reach Me Anytime
Have a question or suggestion? Drop me a line at mahdimamashli1383@gmail.com.

💬 Ask Me About
Troubleshooting, brainstorming ideas, or anything related to web development.

💬 Ask Me About Anything Here
Whether it's troubleshooting, brainstorming ideas, or seeking advice, I'm here to help. Don't hesitate to reach out—I'm ready to dive into discussions on anything related to web development.

Skills

Github Stats

View on GitHub

Jasper Gabriel • Jan 9

Hello Mahdi, I viewed your profile on mobile.

I like your introduction and your overall profile looks clean!

mahdi • Jan 9

Thanks, I also saw your github, it was beautiful

Farha kousar • Jan 8

This is 👉my GitHub profile

Jasper Gabriel • Jan 8

Hello Farha, it's pretty cool that you're studying AI and ML!

Your profile is also pretty nice and comprehensive!

One thing I'd suggest is to review your "Social Links". When I tried clicking your LinkedIn profile, it didn't work.

Cheers!

Farha kousar • Jan 8

Ok, I will look into that.
Thank you!

Jeff Chavez • Jan 8

Love this. I'll try this one.

Jasper Gabriel • Jan 8

Thanks Jeff! I'm curious with what you can come up with for your profile.

Jeff Chavez • Jan 8

Me too. I'll share it here once done.

Leví Arista • Jan 8

Hey, nice article! Congrats!
BTW you could also use this tool to generate a profile header to add to your profile 😉

Jasper Gabriel • Jan 8

Hey Leví thanks for the kind words.

Your tool is pretty cool!

I'm sure others will find the tool helpful and will keep it in mind the next time I need a profile header!

Ricardo Esteves • Jan 7

Great, nice post!
well structured and nice info.

here is mine: My GitHub Profile

Jasper Gabriel • Jan 8

Hey Ricardo, thanks for that!

I liked your approach on the skills section where you also added the words, not just the symbols. Since some people don't know all the logos for each skill.

Also looking good on your open-source contributions.

Good luck on your work with AuthV5-Toolkit!

Ricardo Esteves • Jan 8

Thank you @kshyun28 .

Mark Landeryou • Jan 7

Very nicely done

Jasper Gabriel • Jan 8

Thanks for that Mark! I hope you learned something new.

LilaDoc • Jan 8

Thank you Jasper this was very helpful!

Jasper Gabriel • Jan 8

Hello Lilajy, I'm glad you found it helpful!

P.S. Would love to visit France someday!

Francisco Perez • Jan 12

Thanks for sharing, I have already customized my repo

Никита Арипов • Jan 8

Wow! It is very useful and awesome!
I found little snake which eat you statistics on GitHub in your profile.
This is my profile - github.com/Oxotka/Oxotka

Jasper Gabriel • Jan 8

Thanks for finding it useful and awesome!

Pretty cool profile and that little snake makes me miss playing snakes on my old phone!

Krishnan Raghavan • Jan 8

Very helpful. Thanks for sharing.

Jasper Gabriel • Jan 8

Glad you found it helpful Krishnan!

Sujeet vishvkarma • Jan 8 • Edited

Nice post , checkout my profile
sujeet-vishvkarma.hashnode.dev/rat...

github.com/Sujeet282000

Jasper Gabriel • Jan 8

Thanks Sujeet! Checking your profile, it's already pretty cool!

One thing you can improve is to double check all your links if they are working.

I have noticed some links pointing to "404", like your portfolio, LinkedIn, and dev.to page.

For example, your "dev.to" profile link points to "dev.to/https://dev.to/sujeet".

Hope this helps!

Jasper Gabriel • Jan 8

I'm glad my article has made creating a good GitHub profile easier for you!

P.S. Would love to visit South Korea someday!

A.R • Jan 11

honestly its so basic

kevinrawal • Jan 8

helpful, thanks for sharing 🙌

Jasper Gabriel • Jan 8

Thanks for the kind words Kevin, glad I could help!

Martin Kobimbo • Jan 8

Great post

Jasper Gabriel • Jan 9

Thanks Martin!

Lokeswaran Aruljothi • Jan 8

Checkout github.com/lokeswaran-aj

Jasper Gabriel • Jan 8

Hey Lokeswaran, can't help but notice your cool GitHub profile pic!

I also like that you have physical activities when you're not building stuff. Kudos!

Chris Yang • Jan 8

Funny ! 😄

Usama Navid • Jan 8 • Edited

Have you checked this out?
concaption

Jasper Gabriel • Jan 8

Hey Usama, just checked it out.

I like the simple and professional look of your profile!

Dipayan Sukul • Jan 8

Very nicely done.

Jasper Gabriel • Jan 8

Thanks for the kind words. I appreciate it!

Amal Shehu • Jan 10

Amazing article

Lynn Langit • Jan 7

Here's my contribution --> github.com/lynnlangit/great-github...

Jasper Gabriel • Jan 8

Hey Lynn, I love how you have a lot of educational content!

Your GitHub profile resource gets straight to the point and will try it out.

I also noticed that you're a cloud architect. I feel I'll get some pointers from your content since I'm also planning to get more AWS certifications this year.

Sanam • Jan 8

Here's mine

github.com/sanamhub

Jasper Gabriel • Jan 8

Hey thanks for sharing Sanam!

I love the simplicity of your profile while adding some fun memes in there.

João Angelo • Jan 10

Jasper Gabriel,
Thanks for sharing...

yogini16 • Jan 9

Wow!!
I really love the post.

Jasper Gabriel • Jan 9

Thanks for the kind words Yogini16!

Avneesh Kumar • Jan 8

I cannot add badges to my profile. can you tell me the step by step process to do so?

Jasper Gabriel • Jan 8

Hey Avneesh.

You can go to the markdown-badges repo.
Then choose which badge you like to add to your profile's README.md.
Then copy the markdown for the badge, and paste it to your README.md.

For example:

## My Skills
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

Feel free to DM me on Twitter/X and I'll try to get back to you if you're still having issues.

Avneesh Kumar • Jan 8 • Edited

this is how it looks like

Ravi Kant Kumar • Jan 11 • Edited

Hey ! Checkout my profile, kRavi07

Debabrata Saha • Jan 25

Thanks. I have made this simple GitHub readme. Can you give me a feedback, how can I make it more attractive and meaningful.

Here is my github profile : github.com/DebabrataSaha-570

Jasper Gabriel • Jan 25

Hey Debabrata! Pretty minimal profile, looks good!

Though I've noticed the Youtube and Dev links go to your profile. Might want to check on that if that's not your intention.

Also noticed a slight typo here. Trip to Paradise - Tour bookig website. Might also want to fix that. :)

Winter • Jan 8

That was an awesome read man. You gave me some new ideas for my profile

Jasper Gabriel • Jan 8

Hey Winter, I'm glad you found some new ideas for your profile.

It already looks cool and has your basic information. I'm curious what you can come up with.

P.S. Would love to visit Japan someday!

Bap • Jan 8

Great article! 👏 You can also use these free Widgets for your profile.

Jasper Gabriel • Jan 8

Thanks Bap! And those widgets are beautifully designed!

Would love to try them out next time.

Harlin Seritt • Jan 8

Very cool! A lot of great ideas. I really need to pimp my github :-D Thanks!

Jasper Gabriel • Jan 8

Hahaha! I'm glad you've found some great ideas Harlin, thanks!

Michael Van Nguyen • Jan 10

codepen.io/Michael-Nguyen-the-scri...

kevinbkdev • Jan 11

Please check out my profile. Warm thanks

khiem20tc / khiem20tc

Hi👋 I'm Khiem

aka @anhkolamgidauanhthe

Anhkolamgidauanhthe.me

The man has the ambition to create Software Products with high value for millions of users

Background 💪

🔭 I am working as a Backend - Blockchain Engineer since 2020.
🌱 I come from Ho Chi Minh City University of Technology (HCMUT - Bach Khoa) - Computer Science major.
👯 My programming language: Javascript, TypeScript, Solidity, Golang, Python, C++...
💬 My framework: Express, Fastify, Nest, tRPC, Fiber,...
🤔 My database: MongoDB, Redis, Postgres,...
👯 My domain: Ethereum, NFT, Layer2, Enterprise-blockchain,...
⚡ My architect: mono-service, SOA, microservices,...
💪 My keywords: Enthusiasm - Ambitious - Freedom

Personal projects 🤏

[NPM package author] npmjs.com/package/eth-blockchain-h...

[Personal blog] anhkolamgidauanhthe.me

Contact me 📧

Github stats 👉👈

github contribution grid snake animation

Leetcode Stats 👉👈

My recent blog posts

View on GitHub

Jasper Gabriel • Jan 16

Hey there, been to Ho Chi Minh in 2022. Nice place!

And your profile looks nice. I like the LeetCode stats!

Daniel • Feb 22

It's kind of impressive post.
Thank you for your sharing.

Florian-Heringa • Feb 20

Exactly what I needed to get started with making my own profile, thanks for the nice overview!

Yakov Levin • Jan 9

github.com/Izyus

Jasper Gabriel • Jan 10

Pretty clean profile! Though I noticed your portfolio website is not working right now.

Domenico Gorczany • Jan 9

helppfull

Jasper Gabriel • Jan 8

Thanks for the kind words Anjan!

Nguyễn Văn Tài • Jan 7

Wow

Nguyễn Văn Tài • Jan 7

Nice

louis-isambo • Jan 7

Nice 👍

Arize Nnonyelu • Jan 8

Nice one Jasper.

You guys, rate my profile:
github.com/arize99

Jasper Gabriel • Jan 8

Thanks Arize!

Pretty cool profile you have there and you have 1190+ hours of wake time!

nxquan • Jan 7

it'done

Walter Santos • Jan 17

Amazing!

Even though I'm currently more of a data scientist than a programmer, having a nice GitHub profile is still one of my 2024 goals.

I'll be saving your post for future use!

Jasper Gabriel • Jan 19

Hey Walter, I think GitHub is still useful for data scientists, especially for sharing Python scripts, and maybe some models.

Looking forward to what you can come up with!

Tenup • Apr 15

here are some awesome

imeatenup / github-profile-textribution-calendar

🟩 Add any text expressed by the contribution calendar

GitHub Profile Textribution Calendar

🟩 Add any text expressed by the contribution calendar

1. draw your text

Locate the github-profile-textribution-calendar, which opens to an editable interface where you can click on squares to change their color.

If you're unsure what to draw, you can find the text you need on TakWolf/fusion-pixel-font, and then create the image based on this text.

Recommend options 10px and monospaced.

2. copy the table

After completing your creation, you need to copy the outerHTML of the table element.

3. paste and save

Find the comment in template.svg, paste the content you copied into the comment section, and then save it to the project in your profile.

Add the following code to your readme.

<p align="center"><a href="https://github.com/imeatenup/github-profile-textribution-calendar">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="assets/xxx-dark.svg"