I built a small side project called GitInvaders.
👉 https://www.gitinvaders.com/
It started with a random thought:
What if my GitHub contributions weren’t just a graph, but something interactive?
Something... I could play with.
The Idea
Instead of looking at contribution charts, I wanted to turn them into a game.
So I made a Space Invaders-style web game where:
Your contributions become enemies
You control a spaceship
And you literally shoot your own commits
It sounds unnecessary. It is unnecessary. But it's fun.
Demo
Here’s a quick look at the game:
How It Works
Log in with GitHub and the game pulls your real contribution data
Each contribution block becomes an enemy
More commits means more enemies on screen
No GitHub account?
You can still play using Google login.
Why I Built This
This project wasn’t about solving a big problem.
I just wanted to build something:
small
weird
and enjoyable
Along the way, I got to play with:
OAuth (GitHub and Google)
Turning real data into game mechanics
Building a simple browser game
Try It
You can play it here:
👉 https://www.gitinvaders.com/
No install needed. Just open and play.
Final Thoughts
Sometimes not everything has to be useful.
Sometimes it’s just about building something fun and seeing it come to life.
And honestly, shooting your own contributions is way more satisfying than staring at them.
Create template
Templates let you quickly answer FAQs or store snippets for re-use.
Submit
Preview
Dismiss
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse

Tôi vừa hoàn thành một dự án phụ nhỏ mang tên **GitInvaders**.

👉 https://www.gitinvaders.com/

Mọi thứ bắt đầu từ một ý nghĩ ngẫu nhiên: Liệu các đóng góp của tôi trên GitHub có thể là thứ gì đó tương tác thay vì chỉ là một biểu đồ tĩnh?

Có thể là một thứ gì đó... để tôi có thể chơi cùng.

## Ý tưởng

Thay vì chỉ nhìn vào biểu đồ đóng góp (contribution graph) nhàm chán mỗi ngày, tôi muốn biến nó thành một trò chơi thực thụ.

Vì vậy, tôi đã tạo ra một tựa game web theo phong cách **Space Invaders** nơi mà:

- Các đóng góp của bạn sẽ trở thành kẻ thù
- Bạn điều khiển một con tàu vũ trụ
- Và bạn sẽ thực sự "bắn" vào những lần commit của chính mình

Nghe có vẻ không cần thiết. Đúng là nó không cần thiết. Nhưng nó rất thú vị.

![Giao diện trò chơi GitInvaders](https://news1.webcdn.lehuy.net/articles/2026/04/0753e0bb5997fe46d34e121cad555525.png)

## Cách thức hoạt động

Quy trình hoạt động của trò chơi rất đơn giản:

- Đăng nhập bằng tài khoản **GitHub** và trò chơi sẽ kéo dữ liệu đóng góp thực tế của bạn
- Mỗi ô đóng góp (contribution block) sẽ biến thành một kẻ địch trong game
- Càng nhiều commit, kẻ thù xuất hiện trên màn hình sẽ càng đông đảo

Không có tài khoản GitHub? Bạn vẫn có thể chơi bằng cách đăng nhập qua **Google**.

## Tại sao tôi lại xây dựng dự án này?

Dự án này không nhằm mục đích giải quyết một vấn đề lớn lao nào cả.

Tôi chỉ muốn xây dựng một sản phẩm:

- Nhỏ gọn
- Lạ lùng
- Và mang tính giải trí

Trong quá trình thực hiện, tôi cũng có cơ hội thử sức với:

- Xác thực OAuth (GitHub và Google)
- Chuyển đổi dữ liệu thực tế thành cơ chế trò chơi (game mechanics)
- Xây dựng một trò chơi trên trình duyệt đơn giản

## Trải nghiệm ngay

Bạn có thể chơi trò chơi này tại đây:

👉 https://www.gitinvaders.com/

Không cần cài đặt gì thêm. Chỉ cần mở và chơi ngay.

## Lời kết

Đôi khi, không phải mọi thứ chúng ta xây dựng đều phải mang tính ứng dụng cao.

Đôi khi, việc tạo ra một thứ gì đó vui vẻ và chứng kiến nó "sống động" mới là điều quan trọng.

Và thành thật mà nói, việc bắn hạ các đóng góp của mình mang lại sự thỏa mãn hơn nhiều so với việc chỉ ngồi ngắm nhìn chúng.

<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>

Tôi đã tạo ra GitInvaders, một dự án phụ thú vị biến biểu đồ đóng góp trên GitHub thành một trò chơi bắn súng kiểu Space Invaders. Người dùng có thể đăng nhập qua GitHub hoặc Google để trải nghiệm việc "tiêu diệt" các commit của chính mình ngay trên trình duyệt.

GitInvaders: Biến lịch sử commit GitHub của bạn thành game bắn súng

Ý tưởng

Cách thức hoạt động

Tại sao tôi lại xây dựng dự án này?

Trải nghiệm ngay

Lời kết

Bài viết liên quan