DEV Community

loading...

Dynamically Generated Github Stats For Your Profile ReadMe

anuraghazra profile image Anurag Hazra Updated on ・2 min read

Hey guys! i hope you are doing well.

Yesterday after seeing that lot of people on twitter are creating their Github profile Readmes i thought i should do something cool & unique, so i created this ->

Github Readme Stats

Features

GitHub logo anuraghazra / github-readme-stats

⚡ Dynamically generated stats for your github readmes

Github Readme Stats

GitHub Readme Stats

Get dynamically generated GitHub stats on your readmes!

Tests Passing Issues GitHub pull requests

View Demo · Report Bug · Request Feature

简体中文 · Español

Loved the project? Please consider donating to help it improve

Features

GitHub Stats Card

Copy paste this into your markdown content, and that's it. Simple!

Change the ?username= value to your GitHub's username.

[![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

Note: Ranks are calculated based on user's stats, see src/calculateRank.js

Hiding individual stats

To hide any specific stats, you can pass a query parameter ?hide= with comma seperated values.

Options: &hide=stars,commits,prs,issues,contribs

![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs])

Adding private contributions count to total commits count

You can add the count of all your private contributions to the total commits count by using the query parameter ?count_private=true.

Note: If you are deploying this project yourself, the private contributions

Github readme stats allows you to simply add a markdown image link and it will show you realtime stats for your github account.

![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)

And the cool thing is since it's just an image you can embed it anywhere even on Dev.to posts!

Live Demo:

Anurag's github stats

Pretty neat isn't it? Try it out right now on your profile readme too! :D

After seeing that people liked the Github Stats Card idea i created Github Extra Pins

Github Extra Pins

Github extra pins allows you to pin more than 6 repositories in your profile by using github readme profile.

Yey! you are no longer limited to 6 pinned repos

[![Dev.to](https://github-readme-stats.vercel.app/api/pin/?username=thepracticaldev&repo=dev.to)](https://github.com/thepracticaldev/dev.to)

Live demo:
Dev.to

Top Languages Card

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

Live demo:
Top Langs

Check out the docs to learn more

That's it :D
I hope you guys liked the project. And make sure to give it a star on Github

Featured By Github!

Tweets

Github Stat Card

Github Extra Pins

Discussion (20)

pic
Editor guide
Collapse
metaskills profile image
Ken Collins

Thanks a ton! I spent some time and made this an AWS Lambda (github.com/metaskills/github-readm...). What an awesome project, had a lot of fun doing my GitHub page today. github.com/metaskills

Collapse
arturssmirnovs profile image
Arturs Smirnovs

I included your tool in my github readme generation tool. #justforfun..

Keep it up, good job! :)

Collapse
anuraghazra profile image
Anurag Hazra Author

Looks cool, just don't forget to attribute the service it helps other people find the origin of the stats & supports the project. :D

Collapse
arturssmirnovs profile image
Arturs Smirnovs

Yeah, good suggestion :)

Collapse
lukeswitz profile image
Luke Switzer

Thanks. Here’s Vercels privacy policy for those interested:

vercel.com/legal/privacy-policy

Collapse
wobsoriano profile image
Robert

Thank you for this.

Collapse
mzaini30 profile image
Collapse
anuraghazra profile image
Collapse
nombrekeff profile image
Manolo Edge

Great! It has quite a bit of potential. I'm already using it in mine :)

Collapse
piyush profile image
Piyush Suthar

Loved it 😍, I have started using it on my profile.

Collapse
anuraghazra profile image
Collapse
urmilshroff profile image
Urmil Shroff

Awesome stuff!

Collapse
king11 profile image
Lakshya Singh

Nice will surely use it 🙌🏻

Collapse
anuraghazra profile image
Anurag Hazra Author

Glad you liked it :D

Collapse
imshravan profile image
Shravan Kumar B

Hi Anurag Hazra, how did you make the svg dynamic in the Markdown?

Collapse
imshravan profile image
Shravan Kumar B

Check this project out, inspired by your project.

GitHub Dynamic Animated Quote Generator

Collapse
manueldevjour profile image
Manuel

Thanks for this Anurag, well done!

Collapse
anuraghazra profile image
Anurag Hazra Author

You are welcome! :D

Collapse
ashchk profile image
Ashis Chakraborty • Edited

I added it to my github profile. Thank you

Collapse
ioi2908 profile image
maen

great post