DEV Community

loading...
Cover image for πŸ† Add dynamically generated GitHub Trophy on your readme

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

ryoma profile image ryo-ma ・2 min read

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)

Alt Text

Use theme

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

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

Discussion

pic
Editor guide
Collapse
turnerj profile image
James Turner

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

Collapse
ryoma profile image
ryo-ma Author

Thanks! I am inspired by the trophy of games.

Collapse
pandurijal profile image
Collapse
ryoma profile image
Collapse
thenishant profile image
||Nishant||

Nice one!! something to add in my profile πŸ‘πŸ»

Collapse
ryoma profile image
Collapse
bravemaster619 profile image
bravemaster619

Super awesome!!!

Collapse
ryoma profile image
Collapse
devtony101 profile image
Miguel Manjarres

This is awesome!

Collapse
ryoma profile image
Collapse
unfor19 profile image
Meir Gabay

superb! thank you for that!

Collapse
ryoma profile image
Collapse
piyush profile image
Piyush Suthar

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

Collapse
ryoma profile image