DEV Community

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

Posted on

2

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

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

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

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay