Github Stats on your Github profile page
December 21, 2024

Github Stats on your Github profile page

Header image credit: Grok2

Ever wonder how some GitHub profiles stand out with dynamic statistics, vibrant visuals, and a sense of interactivity? Welcome to the art of creating a dynamic GitHub profile page! In this article, we’ll take an in-depth look at GitHub statistics to showcase your coding abilities, turning your profile into a living resume of your coding journey. Let’s make your GitHub profile more than just a page, but an experience.


Create the GitHub profile readme:

GitHub lets you create a special repository named after your username (for example, yourusername/yourusername).

Navigate to GitHub’s homepage and start creating a new repository. Set the repository name to your GitHub username.

Make sure the repository is initialized README.md document. The file will appear on your profile page.


Here’s how to add dynamic GitHub statistics:


GitHub readme statistics:

Use similar services github-readme-stats go through Anurag Hazra Generate dynamic statistics. You can include your GitHub contributions, stars, forks, and languages ​​used. Here’s how to add it to your readme file:

Copy the Markdown link below and replace yourname Use your GitHub username:

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

You can customize the appearance via query parameters – For more details click here.

Here is an example – adding icons and changing themes

Copy the Markdown link below and replace yourname Use your GitHub username

[![yourname's GitHub stats](https://github-readme-stats.vercel.app/api?username=yourname&show_icons=true&theme=radical)](https://github.com/yourname)


Show specific statistics:

Most common languages: Show your most common languages ​​by adding:

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

Coding Run Statistics: Includes a record of your coding runs:

Copy the Markdown link below and replace yourname Use your GitHub username

[![GitHub Streak](https://streak-stats.demolab.com?user=yourname&border_radius=6)](https://github.com/yourname)


Profile readme file generation tool:

If you’re looking for a more user-friendly way, you can use a tool like

  1. GitHub Profile Readme Generator

  2. GitHub Statistics Generator

  3. GitHub StatsGenerator by Omsimo

Can help you create personalized readme files with various statistics and styles. These tools provide templates and simple customization options for your profile.

I’m sure there’s more you can show, like listing your top repositories and the statistics associated with them – take a look GitHub Tracker If you are interested.

That’s it, developers. By integrating these elements, you can enhance your GitHub profile to better showcase your coding activities and statistics. Exact customization and selection of services depends on what you want to highlight on your profile.

2024-12-21 00:42:39

Leave a Reply

Your email address will not be published. Required fields are marked *