Simple competitive programming badges for GitHub profile

Revision en1, by jo_on, 2020-09-02 19:07:30

Hi Codeforces!

Recently, GitHub introduced a new feature in GitHub profile. In short, if you create a special repository with a name same with your GitHub username, its README.md file will appear on your main page, just like this.

While I was thinking about what to write in my profile, I thought it would be great if there is a way to make badges that show my ratings of competitive programming platforms such as Codeforces, TopCoder, and AtCoder. I first googled to find out if there is already someone who created such badges, but I couldn't. (Perhaps because I am a bad googler...)

So I decided to make my own! Fortunately, Shields.io offers great features to customize your own badges. I used Shields.io functionality together with CF, TC, AC APIs to build a very simple server that serves badge images. It works like this:

https://run.kaist.ac.kr/badges/codeforces/jo_on.svg

https://run.kaist.ac.kr/badges/topcoder/kuratowski.svg

https://run.kaist.ac.kr/badges/atcoder/topology.svg

CF TC AC

How do they look like?

History

 
 
 
 
Revisions
 
 
  Rev. Lang. By When Δ Comment
en2 English jo_on 2020-09-02 20:01:05 706 (published)
en1 English jo_on 2020-09-02 19:07:30 1337 Initial revision (saved to drafts)