I Was Overwhelmed, So I Turned My GitHub Profile Into a Roguelike Dungeon

Description and use

The author built a roguelike dungeon profile using a C# generator and GitHub Actions to daily update SVG slices, turning contributions into an engaging visual story.

Problem

The author was overwhelmed with a long to‑do list and needed a motivating project to regain momentum.

Outcome

The project transformed the author’s GitHub profile into an engaging roguelike dungeon, providing daily visual feedback on contributions and motivating task completion.

Workflow

• 1. Inspired by George Kobaidze’s cyberpunk console profile.
• 2. Designed a roguelike dungeon theme and built a .NET 10 console generator.
• 3. Created SVG slices for each profile section (header, dungeon, inventory, quests, footer).
• 4. Implemented a GitHub Action to run the generator daily and commit updated SVGs and README.
• 5. Added a GitHub Pages site for interactive hover tooltips on the dungeon.
• 6. Refined rendering rules (960px width, 40px multiples, side rails, clickable quest cards).
• 7. Fixed bugs (private contributions, language weighting, open‑source PR counts, token errors, line rendering, cache busting).

Evidence

I started small: a header with a typing animation, built by animating a clipPath width one character at a time.

Source

A GitHub Action runs the generator every day and commits only if something changed:

Source

Each day becomes a 14px tile: 0 contributions = stone wall, more contributions = brighter floor tiles, busiest days = treasure chests.

Source