The "LeetCode Grind" is real.
We’ve all been there. You spend hours debugging that one Hard problem, finally see that glorious green Accepted, and... then what? It stays hidden in your LeetCode profile where recruiters or fellow devs rarely look.
Most people use standard GitHub stat cards, but if you’re a fan of the command line, they can feel a bit... "web-ish."
I wanted something that felt like it belonged in a high-security mainframe from a 90s hacker movie. So, I built the Retro-Terminal LeetCode Stats Card.
🛠 The Project: Terminal-Style Stats
It’s a dynamic SVG generator built with FastAPI and Jinja2. It fetches your live LeetCode data and renders it as a terminal window.
✨ Key Features
- Monospace Aesthetic: Uses the
VT323font for that authentic CRT feel. - Dynamic Progress Bars: Real-time visualization of your Easy, Medium, and Hard solved problems.
- Retro Themes: Includes presets like Arch Linux, Cyberpunk, Synthwave, Matrix, and Dracula.
- CRT Effects: Subtle glow and scanline overlays (because why not?).
🚀 How to add it to your profile
You don't need to host anything. You can just add this line to your GitHub README.md:
🎨 Choose your vibe
I spent a lot of time tweaking the color palettes. Whether you're an Arch user (btw) or a Synthwave fan, there's a theme for you:
-
?theme=arch- The classic blue/grey look. -
?theme=cyberpunk- High-contrast neon. -
?theme=matrix- Just green. Everywhere. -
?theme=nord- For those who like it cool and frosty.
🧪 Technical Hurdles
The biggest challenge was dealing with GitHub’s image caching (Camo). GitHub is very aggressive about caching images, which is bad for a "live" stats card. I had to implement specific "Nuclear" headers to tell GitHub: "Hey, this data changes, don't keep it in your memory!"
headers = {
"Cache-Control": "no-cache, no-store, must-revalidate, max-age=0",
"Pragma": "no-cache",
"Expires": "0",
}
🔗 Open Source
The project is fully open-source. If you want to add a new theme or improve the layout, come say hi!
Repo: Krasper707/leetcode-stats-card-ig-idk
What theme should I add next? Let me know in the comments! 👇
Top comments (0)