The latest articles on DEV Community by Itachi (@itachi_f47864487ba59eff3e). https://dev.to/itachi_f47864487ba59eff3e https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4101543%2F4b7eaee4-9cd5-4e95-aca0-9b65268c4129.png https://dev.to/itachi_f47864487ba59eff3e en Itachi Sun, 30 Aug 2026 15:38:00 +0000 https://dev.to/itachi_f47864487ba59eff3e/i-built-a-free-tool-that-turns-your-github-profile-into-a-shareable-stat-card-heres-how-557m https://dev.to/itachi_f47864487ba59eff3e/i-built-a-free-tool-that-turns-your-github-profile-into-a-shareable-stat-card-heres-how-557m <ol> <li> <p>The Problem</p> <ul> <li>GitHub profiles are data-rich but visually boring</li> <li>Developers want to "flex" their stats but have no aesthetic way to do it</li> </ul> </li> <li> <p>The Solution</p> <ul> <li>DevCard: enter username → pick theme → download PNG</li> <li>Show all 3 themes with screenshots</li> </ul> </li> <li> <p>How It Works (Architecture)</p> <ul> <li>Cloudflare Worker + GitHub GraphQL API (single query)</li> <li>Edge caching strategy</li> <li>Client-side rendering with html-to-image</li> <li>The CORS avatar trick (base64 conversion)</li> </ul> </li> <li> <p>The RPG Class System (fun section)</p> <ul> <li>How top language maps to character class</li> <li>Full class table (TypeScript → Archmage, Rust → Forgemaster, etc.)</li> <li>This section alone will get shares</li> </ul> </li> <li> <p>Try It Yourself</p> <ul> <li>Link: <a href="https://www.devcard.tech/" rel="noopener noreferrer">https://www.devcard.tech/</a> </li> <li>CTA: "Drop your card in the comments"</li> </ul> </li> <li> <p>What's Next</p> <ul> <li>VS Mode (compare two devs)</li> <li>More themes</li> <li>Open to suggestions</li> </ul> </li> </ol> buildinpublic github showdev tools