The latest articles on DEV Community by anatcha (@anatcha_a18586d96181ef79a). https://dev.to/anatcha_a18586d96181ef79a 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%2F3863542%2F74c7230e-0707-4e95-a7af-87ccecf5201f.png https://dev.to/anatcha_a18586d96181ef79a en anatcha Mon, 06 Apr 2026 09:28:50 +0000 https://dev.to/anatcha_a18586d96181ef79a/turning-your-github-contributions-into-a-space-invaders-game-4om5 https://dev.to/anatcha_a18586d96181ef79a/turning-your-github-contributions-into-a-space-invaders-game-4om5 <p><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%2Fruvq37bwmcyli8317qlg.png" class="article-body-image-wrapper"><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%2Fruvq37bwmcyli8317qlg.png" alt=" " width="800" height="450"></a></p> <p>I built a small side project called <strong>GitInvaders</strong>.</p> <p>👉 <a href="https://www.gitinvaders.com/" rel="noopener noreferrer">https://www.gitinvaders.com/</a></p> <p>It started with a random thought:<br> What if my GitHub contributions weren’t just a graph, but something interactive?</p> <p>Something... I could play with.</p> <h2> The Idea </h2> <p>Instead of looking at contribution charts, I wanted to turn them into a game.</p> <p>So I made a Space Invaders-style web game where:</p> <ul> <li>Your contributions become enemies</li> <li>You control a spaceship</li> <li>And you literally shoot your own commits</li> </ul> <p>It sounds unnecessary. It is unnecessary. But it's fun.</p> <h2> Demo </h2> <p>Here’s a quick look at the game:<br> <iframe src="https://www.youtube.com/embed/mHfJipWEYVM"> </iframe> </p> <h2> How It Works </h2> <ul> <li>Log in with GitHub and the game pulls your real contribution data</li> <li>Each contribution block becomes an enemy</li> <li>More commits means more enemies on screen</li> </ul> <p>No GitHub account?<br> You can still play using Google login.</p> <h2> Why I Built This </h2> <p>This project wasn’t about solving a big problem.</p> <p>I just wanted to build something:</p> <ul> <li>small</li> <li>weird</li> <li>and enjoyable</li> </ul> <p>Along the way, I got to play with:</p> <ul> <li>OAuth (GitHub and Google)</li> <li>Turning real data into game mechanics</li> <li>Building a simple browser game</li> </ul> <h2> Try It </h2> <p>You can play it here:<br> 👉 <a href="https://www.gitinvaders.com/" rel="noopener noreferrer">https://www.gitinvaders.com/</a></p> <p>No install needed. Just open and play.</p> <h2> Final Thoughts </h2> <p>Sometimes not everything has to be useful.</p> <p>Sometimes it’s just about building something fun and seeing it come to life.</p> <p>And honestly, shooting your own contributions is way more satisfying than staring at them.</p> programming webdev git react