<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Karthik M</title>
    <description>The latest articles on Forem by Karthik M (@krasper_m).</description>
    <link>https://forem.com/krasper_m</link>
    <image>
      <url>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%2F3820671%2Fc5bce1db-7f60-4c07-a0fb-6e520ed06f8b.jpg</url>
      <title>Forem: Karthik M</title>
      <link>https://forem.com/krasper_m</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/krasper_m"/>
    <language>en</language>
    <item>
      <title>Level Up Your GitHub Profile with this Retro-Terminal LeetCode Card</title>
      <dc:creator>Karthik M</dc:creator>
      <pubDate>Thu, 12 Mar 2026 15:51:10 +0000</pubDate>
      <link>https://forem.com/krasper_m/level-up-your-github-profile-with-this-retro-terminal-leetcode-card-lba</link>
      <guid>https://forem.com/krasper_m/level-up-your-github-profile-with-this-retro-terminal-leetcode-card-lba</guid>
      <description>&lt;h3&gt;
  
  
  The "LeetCode Grind" is real.
&lt;/h3&gt;

&lt;p&gt;We’ve all been there. You spend hours debugging that one Hard problem, finally see that glorious green &lt;strong&gt;Accepted&lt;/strong&gt;, and... then what? It stays hidden in your LeetCode profile where recruiters or fellow devs rarely look.&lt;/p&gt;

&lt;p&gt;Most people use standard GitHub stat cards, but if you’re a fan of the command line, they can feel a bit... "web-ish." &lt;/p&gt;

&lt;p&gt;I wanted something that felt like it belonged in a high-security mainframe from a 90s hacker movie. So, I built the &lt;strong&gt;Retro-Terminal LeetCode Stats Card&lt;/strong&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  🛠 The Project: Terminal-Style Stats
&lt;/h3&gt;

&lt;p&gt;It’s a dynamic SVG generator built with &lt;strong&gt;FastAPI&lt;/strong&gt; and &lt;strong&gt;Jinja2&lt;/strong&gt;. It fetches your live LeetCode data and renders it as a terminal window. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhxtc2wp0ai79po4m0k1j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhxtc2wp0ai79po4m0k1j.png" alt="Showcase of 2 of the many themes" width="708" height="618"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  ✨ Key Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Monospace Aesthetic:&lt;/strong&gt; Uses the &lt;code&gt;VT323&lt;/code&gt; font for that authentic CRT feel.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Dynamic Progress Bars:&lt;/strong&gt; Real-time visualization of your Easy, Medium, and Hard solved problems.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Retro Themes:&lt;/strong&gt; Includes presets like &lt;strong&gt;Arch Linux&lt;/strong&gt;, &lt;strong&gt;Cyberpunk&lt;/strong&gt;, &lt;strong&gt;Synthwave&lt;/strong&gt;, &lt;strong&gt;Matrix&lt;/strong&gt;, and &lt;strong&gt;Dracula&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;CRT Effects:&lt;/strong&gt; Subtle glow and scanline overlays (because why not?).&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🚀 How to add it to your profile
&lt;/h3&gt;

&lt;p&gt;You don't need to host anything. You can just add this line to your GitHub &lt;code&gt;README.md&lt;/code&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;![&lt;/span&gt;&lt;span class="nv"&gt;LeetCode Stats&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://leetcode-stats-card-ig-idk.vercel.app/api/stats/YOUR_USERNAME?theme=arch&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  🎨 Choose your vibe
&lt;/h3&gt;

&lt;p&gt;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:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;code&gt;?theme=arch&lt;/code&gt; - The classic blue/grey look.&lt;/li&gt;
&lt;li&gt;  &lt;code&gt;?theme=cyberpunk&lt;/code&gt; - High-contrast neon.&lt;/li&gt;
&lt;li&gt;  &lt;code&gt;?theme=matrix&lt;/code&gt; - Just green. Everywhere.&lt;/li&gt;
&lt;li&gt;  &lt;code&gt;?theme=nord&lt;/code&gt; - For those who like it cool and frosty.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🧪 Technical Hurdles
&lt;/h3&gt;

&lt;p&gt;The biggest challenge was dealing with &lt;strong&gt;GitHub’s image caching (Camo)&lt;/strong&gt;. 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: &lt;em&gt;"Hey, this data changes, don't keep it in your memory!"&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="n"&gt;headers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Cache-Control&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;no-cache, no-store, must-revalidate, max-age=0&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Pragma&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;no-cache&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Expires&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;0&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  🔗 Open Source
&lt;/h3&gt;

&lt;p&gt;The project is fully open-source. If you want to add a new theme or improve the layout, come say hi!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Repo:&lt;/strong&gt; &lt;a href="https://github.com/Krasper707/leetcode-stats-card-ig-idk" rel="noopener noreferrer"&gt;Krasper707/leetcode-stats-card-ig-idk&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What theme should I add next? Let me know in the comments!&lt;/strong&gt; 👇&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>leetcode</category>
      <category>python</category>
      <category>github</category>
    </item>
  </channel>
</rss>
