The trainer card for devs

🎯 Overview

A pixel-art card for your GitHub README, inspired by the trainer card from Pokémon FireRed. It’s built from your GitHub profile: name, avatar, followers, commits and pull requests, your GitHub achievements as badges, and icons for your top languages or the skills you pick. The card is a plain SVG, so it works anywhere an image does, and the card builder lets you tweak colors, skills and effects like shine, float and auto-flip with a live preview.

I started this project in 2025 and abandoned it because of a font that wouldn’t load. I wrote about how it got unstuck in this post.

🛠️ Tech Stack

TypeScript

React

Express

AWS Lambda, S3 and CloudFront

Terraform

⏯️ How to run

Requires Node 22.18+, just and the GitHub CLI logged in (gh auth login).

Clone the repository and enter the directory.

  git clone https://github.com/lpepinelli/CodeTrainerCard.git

  cd CodeTrainerCard

Install dependencies.

  just install

Run the project.

  just dev

🚀 Demo

codetrainer