DEV Community

Cover image for ๐Ÿ† Add dynamically generated GitHub Trophy on your readme
ryo-ma
ryo-ma

Posted on

๐Ÿ† Add dynamically generated GitHub Trophy on your readme

Alt Text

Repository: https://github.com/ryo-ma/github-profile-trophy

I have Released GitHub Profile Trophy.

Quick Start

Add the following code to your readme.
Change the ?username= value to your GitHub's username.

[![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma)](https://github.com/ryo-ma/github-profile-trophy)
Enter fullscreen mode Exit fullscreen mode

Alt Text

Use theme

[![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=gruvbox)](https://github.com/ryo-ma/github-profile-trophy)
Enter fullscreen mode Exit fullscreen mode

About Rank

Ranks are SSS SS S AAA AA A B C UNKNOWN SECRET.

Rank Description
SSS, SS, S You are hard to reach the rank. You can brag.
AAA, AA, A You can reach the rank if you do your best. Let's aim here first.
B, C You are a growing process.
UNKOWN You have not yet taken action. Let's act first.
SECRET The rank is very rare. The trophy will not be displayed until the conditions are met.

Secret Rank

The acquisition condition is secret, but you can know the condition by reading this code.

There are still a few secret trophies.

Therefore, if you come up with interesting conditions, I am waiting for contributions.

About Display details

  1. Title name of aggregation target.
  2. Current Rank.
  3. Title according to rank.
  4. Target aggregation result.
  5. Next Rank Bar. The road from the current rank to the next rank.

more detail

Top comments (14)

Collapse
 
turnerj profile image
James Turner • Edited

Looks pretty cool - nice job! The different ranks remind me of Metal Gear Solid V. ๐Ÿ™‚

Collapse
 
ryoma profile image
ryo-ma

Thanks! I am inspired by the trophy of games.

Collapse
 
pandurijal profile image
Pandu Rijal Pasa

Nice idea!

Collapse
 
ryoma profile image
ryo-ma

Thanks!

Collapse
 
thenishant profile image
||Nishant||

Nice one!! something to add in my profile ๐Ÿ‘๐Ÿป

Collapse
 
ryoma profile image
ryo-ma • Edited

Thanks!

Collapse
 
bravemaster619 profile image
bravemaster619

Super awesome!!!

Collapse
 
ryoma profile image
ryo-ma

Thanks!

Collapse
 
devtony101 profile image
Miguel Manjarres

This is awesome!

Collapse
 
ryoma profile image
ryo-ma

Thanks!

Collapse
 
unfor19 profile image
Meir Gabay

superb! thank you for that!

Collapse
 
ryoma profile image
ryo-ma

Thanks!

Collapse
 
piyush profile image
Piyush Suthar

Looks cool! Will give it a try! ๐Ÿ˜‹

Collapse
 
ryoma profile image
ryo-ma

Thanks!