DEV Community

Itachi
Itachi

Posted on

I Built a Free Tool That Turns Your GitHub Profile Into a Shareable Stat Card — Here's How

  1. The Problem

    • GitHub profiles are data-rich but visually boring
    • Developers want to "flex" their stats but have no aesthetic way to do it
  2. The Solution

    • DevCard: enter username → pick theme → download PNG
    • Show all 3 themes with screenshots
  3. How It Works (Architecture)

    • Cloudflare Worker + GitHub GraphQL API (single query)
    • Edge caching strategy
    • Client-side rendering with html-to-image
    • The CORS avatar trick (base64 conversion)
  4. The RPG Class System (fun section)

    • How top language maps to character class
    • Full class table (TypeScript → Archmage, Rust → Forgemaster, etc.)
    • This section alone will get shares
  5. Try It Yourself

  6. What's Next

    • VS Mode (compare two devs)
    • More themes
    • Open to suggestions

Top comments (0)