The latest articles on DEV Community by Cha Hyun Woo (@chahyunwoo). https://dev.to/chahyunwoo https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3834862%2Fb86f0320-0295-4b74-8533-f34914332497.png https://dev.to/chahyunwoo en Cha Hyun Woo Fri, 20 Mar 2026 07:31:40 +0000 https://dev.to/chahyunwoo/i-built-a-lol-style-tier-system-for-github-profiles-3njc https://dev.to/chahyunwoo/i-built-a-lol-style-tier-system-for-github-profiles-3njc <p>I wanted something more fun than the usual GitHub stats card, so I made a widget that ranks your GitHub activity like League of Legends — Iron through Challenger.</p> <p>One line in your README and you're done.</p> <p>It looks at commits, stars, PRs, followers, and issues. Scoring is log-normal CDF based, calibrated against 225 real users so the tiers aren't totally arbitrary.</p> <p>Built with Hono + Vercel. 9 themes. Self-hosting works too.</p> <p>I got Platinum I. Could be worse.</p> <p> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/chahyunwoo" rel="noopener noreferrer"> chahyunwoo </a> / <a href="https://github.com/chahyunwoo/github-tier" rel="noopener noreferrer"> github-tier </a> </h2> <h3> Gaming-style rank card for your GitHub profile </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div> <a rel="noopener noreferrer" href="https://github.com/chahyunwoo/github-tier/assets/logo.svg"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fchahyunwoo%2Fgithub-tier%2Fassets%2Flogo.svg" width="100" alt="GitHub Tier"></a> <div class="markdown-heading"> <h1 class="heading-element">GitHub Tier</h1> </div> <p><strong>🎮 Gaming-style rank card for your GitHub profile</strong></p> <p>Show off your GitHub activity as a competitive rank — from Iron to Challenger</p> </div> <p> <a href="https://github.com/chahyunwoo/github-tier/stargazers" rel="noopener noreferrer"><img src="https://camo.githubusercontent.com/522b370700349d5bb2342a76edca5b304b63513282b568f6d40d2468b3be8dc7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f6368616879756e776f6f2f6769746875622d746965723f7374796c653d666f722d7468652d626164676526636f6c6f723d463042323332266c6f676f3d676974687562" alt="Stars"></a> <a href="https://github.com/chahyunwoo/github-tier/actions" rel="noopener noreferrer"><img src="https://camo.githubusercontent.com/b086fb216e057acf5e04a2cac9f60aabfbafe44269761978b43b5c6eff65c1a7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6368616879756e776f6f2f6769746875622d746965722f63692e796d6c3f7374796c653d666f722d7468652d6261646765266c6162656c3d4349266c6f676f3d676974687562616374696f6e73266c6f676f436f6c6f723d7768697465" alt="CI"></a> <a href="https://github.com/chahyunwoo/github-tier/blob/main/LICENSE" rel="noopener noreferrer"><img src="https://camo.githubusercontent.com/e330c0d870a37566efde437d25e5d04b9e8844f4564e1762951b05a9eea9c5b2/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6368616879756e776f6f2f6769746875622d746965723f7374796c653d666f722d7468652d626164676526636f6c6f723d626c7565" alt="License"></a> <a href="https://github-tier.vercel.app" rel="nofollow noopener noreferrer"><img src="https://camo.githubusercontent.com/8d4f6e61a99ec366f3b84140657de67ebfac65d21b56a65f846ff1f98475a881/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56657263656c2d4c6976652d626c61636b3f7374796c653d666f722d7468652d6261646765266c6f676f3d76657263656c" alt="Deploy"></a> </p> <p> <a href="https://github-tier.vercel.app/api/tier?user=YOUR_USERNAME" rel="nofollow noopener noreferrer">🔗 View Demo</a>  ·  <a href="https://github.com/chahyunwoo/github-tier/issues" rel="noopener noreferrer">🐛 Report Bug</a>  ·  <a href="https://github.com/chahyunwoo/github-tier/issues" rel="noopener noreferrer">✨ Request Feature</a> </p> <div> <a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/b662ef4e54d38cc429049eff4cd0fc217249d753201e8cb4b480379afc17ded0/68747470733a2f2f6769746875622d746965722e76657263656c2e6170702f6170692f746965723f757365723d6368616879756e776f6f26763d32763d33"><img src="https://camo.githubusercontent.com/b662ef4e54d38cc429049eff4cd0fc217249d753201e8cb4b480379afc17ded0/68747470733a2f2f6769746875622d746965722e76657263656c2e6170702f6170692f746965723f757365723d6368616879756e776f6f26763d32763d33" alt="demo" width="450"></a> <br> 👆 This card updates automatically every hour </div> <div class="markdown-heading"> <h2 class="heading-element">⚡ Features</h2> </div> <ul> <li>🏆 <strong>10 Tier Ranks</strong> — Iron → Bronze → Silver → Gold → Platinum → Emerald → Diamond → Master → Grandmaster → Challenger</li> <li>🎯 <strong>Division System</strong> — Each tier has IV to I subdivisions (like League of Legends)</li> <li>📊 <strong>5 Metrics</strong> — Commits, Stars, PRs, Followers, Issues</li> <li>🔬 <strong>CDF-based Scoring</strong> — Log-Normal CDF model validated against 225+ real GitHub users</li> <li>🎨 <strong>9 Themes</strong> — dark, tokyonight, dracula, nord, gruvbox, catppuccin, onedark, radical, light</li> <li>💎 <strong>Premium Effects</strong> — Diamond+ tiers get glow borders, Master+ get elite emblems</li> <li>🔄 <strong>Auto Updates</strong> — Card refreshes every hour via CDN cache</li> <li>🔒 <strong>Private Contributions</strong> — Includes private repo commits…</li> </ul> </div> <br> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/chahyunwoo/github-tier" rel="noopener noreferrer">View on GitHub</a></div> <br> </div> <p>thanks</p> opensource github webdev showdev