DEV Community

Cover image for Use Github Real-Time Status to Improve Your Profile
Aemie Jariwala
Aemie Jariwala

Posted on • Edited on

23 6

Use Github Real-Time Status to Improve Your Profile

On your personal portfolio or the secret feature of profile on Github, publicizing ( in other words, showing-off ) your GitHub real-time status will create an impact. Also, in addition, you can be proud of yourself or get the motivation to work more, it is a win-win for you itself.

What will be included in the real-time status?

Well, it will include the languages you mostly make use for, and other than that, showcase the number of stars on your repos, PR, and issue creation, and the number of open-source contributions will be displayed too. The open-source contribution is the best thing about Github, so you can start exploring Github to improve your status of course.

Below is my real-time status, I am proud of it but I am going to make it better. In addition to it, I have included in my Github Profile as well!

Aemie Real-Time Status

Want to create your own real-time status by using the API?

This amazing feature can be found through another public repo on Github. You can use their personal API however once the number of requests crosses a certain limit, it would stop working ( personal-experience ) so we will create our own domain to use this API so there will be a rare chance it would ever stop functioning.

Method to create a personal domain for using API

  1. Fork the repo.
  2. Create an account on vercel using your Github account. This will be the platform used to deploy the API and create a personal domain.
  3. Import the forked repo on vercel. Direct deployment link can be accessed as https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2F<github-username>%2Fgithub-readme-stats&c=1.

    Here, <github-username> is filled with your Github Username. My direct deployment link can be accessed from here.

  4. Once you have reached the page of Import repository as shown in step 3, the following box will appear:

    Dashboard

    Click Continue to proceed to the next step!

  5. A dashboard will appear where you have to just add the Environment variable, name it as PAT_1 and its value can be generated from github. After this, just click deploy and your work is done and you can use your personal domain to use the API.

    Dashboard Domain

Demo Purpose

I am currently posting my link down here for demo purposes. Here, you can check the status of your profile by changing the username in the link & the language following the same change in username.

Give it a try amigos! It's good to show off sometimes.

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

Top comments (1)

Collapse
 
anuraghazra profile image
Anurag Hazra

Nice post! :D

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay