DEV Community

Cover image for Get your ranking among all Stackoverflow users for your favourite technology
johannchopin
johannchopin

Posted on

Get your ranking among all Stackoverflow users for your favourite technology

TLDR: Visit the Tags League page, select the technology and enter your Stackoverflow ID πŸ˜‰


At the end of March, Stack Overflow discontinued an important feature for me: the Developer Story. This page allowed me to indicate during interviews my rank among all SO users for a specific technology.

So old developer story page

So I decided to create a Tags League system as part of my open-source project stackoverflow-readme-profile which would allow each SO user to know his rank among all users in a specific technology (tags).

Thus it is possible for a user to display his rank in the form of a dynamic image called ranking badge:

user:8583669's ranking for javascript

user:8583669's ranking for typescript

user:8583669's ranking for css

In addition to the badges, a more "official page" summarises and explains a user's score with more information. In this way it is possible to simply add the link of the page to the badge in order to redirect a reader who is intrigued by this score:

preview of the official page of an user ranking

➑️ You can generate these badges and view your score page from https://stackoverflow-readme-profile.vercel.app/tags-league.

Don't hesitate to post your rank in your favourite technology in comments πŸ˜‰


Thanks again for reading. If you are willing to see this project growing don't hesitate to leave a ⭐ to the repo and push your ideas of improvement.

Let me also know if you want me to detail more about how the league calculation works in a future article.

GitHub logo johannchopin / stackoverflow-readme-profile

Easily share your Stackoverflow's profile on your README

stackoverflow-readme-profile

Easily share your Stackoverflow's profile on your README.


➑️ Get your profile badge:

SO profile SO profile-small

πŸ’‘ How to use?

Use the online generator for a quicker setup

You can generate your SO profile by calling this url with the corresponding template name and your SO user id:

https://stackoverflow-readme-profile.johannchopin.fr/:template/:id

Use it like that in your README:

[![johannchopin's SO profile](https://stackoverflow-readme-profile.johannchopin.fr/:template/:id)](https://github.com/johannchopin/stackoverflow-readme-profile)
Enter fullscreen mode Exit fullscreen mode

πŸ“„ Templates

profile

Render a profile badge by using the profile template:

https://stackoverflow-readme-profile.johannchopin.fr/profile/:id

profile

Params (as query strings)
param default description
theme default Theme to use. Check them out here!
website true Show or not the website URL (true | false)
location true Show or not the location (true | false)

profile-small

Render a smaller profile badge without the location and the website

profile

Params (as query strings)
param default description
theme default Theme to use. Check them out here!

➑️ Get your ranking badge:

Tags league ranking badge: theme default Tags league ranking badge: theme cobalt Tags league ranking badge: theme dark

πŸ’‘ How
…

Top comments (1)

Collapse
 
johannchopin profile image
johannchopin

Really proud to have a nice ranking in my favourite technology javascript😎
user:8583669's ranking for javascript