DEV Community

Cover image for ๐ŸŽฎ Turn Your GitHub Into a Game (Pacman, Snake & Trophies!
Vida Khoshpey
Vida Khoshpey

Posted on

๐ŸŽฎ Turn Your GitHub Into a Game (Pacman, Snake & Trophies!

๐Ÿ•น๏ธ Make Your GitHub FUN Again!

Hey devs! ๐Ÿ‘‹

Wanna turn your boring GitHub into a retro game zone?

I did โ€” with Pacman, snake animations, and shiny trophies! ๐Ÿ†โœจ

No matter if you're a newbie or a pro,

this trick adds fun + personality to your profile in seconds!

Letโ€™s maze it up! ๐Ÿ‘พ๐ŸŽฏ


๐ŸŽฎ What I Did:

โœ… Added a Pacman/Snake-style contribution graph

โœ… Showed off dynamic trophies that update based on my GitHub activity

โœ… Made it fun and visual, so anyone landing on my profile smiles ๐Ÿ˜


๐Ÿง  How You Can Do It Too!

๐Ÿ“Œ 1. Add the Pacman/Snake Contribution Graph

Just copy this code into your README.md file:

๐Ÿ‘พ Cute Maze

## ๐Ÿ‘พ Cute Maze

<picture>
  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/VIDAKHOSHPEY22/VIDAKHOSHPEY22/output/pacman-contribution-graph.svg">
  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/VIDAKHOSHPEY22/VIDAKHOSHPEY22/output/pacman-contribution-graph-dark.svg">
  <img alt="pacman contribution graph" src="https://raw.githubusercontent.com/VIDAKHOSHPEY22/VIDAKHOSHPEY22/output/pacman-contribution-graph.svg">
</picture>
Enter fullscreen mode Exit fullscreen mode

โœ… It auto-switches between light/dark mode!

Image maze

๐Ÿ‘พ For maze you need to copy
My

.github/workflows/maze.yml 
Enter fullscreen mode Exit fullscreen mode

๐Ÿ For snake you need to copy My

.github/workflows/snake.yml 
Enter fullscreen mode Exit fullscreen mode

โš ๏ธ Change your username instead of mine and Just copy codes for them into your README.md file:


๐Ÿ† 2. Add GitHub Trophies

Hereโ€™s a sample code to show your GitHub trophies using ryo-ma's trophy service:

## ๐Ÿ† GitHub Trophies

![Trophies](https://github-profile-trophy.vercel.app/?username=VIDAKHOSHPEY22&theme=dracula&no-frame=true&title=Stars,Commits,Repositories,Followers&margin-w=10&margin-h=10)
Enter fullscreen mode Exit fullscreen mode

๐ŸŽฏ These trophies reflect your real activity: stars, commits, PRs, followers and more.


๐Ÿช„ Result (Demo)

Hereโ€™s how mine looks ๐Ÿ‘‡

gif demo

๐Ÿ” You can easily replace the username above with your own and add these to your README.md too!

โš ๏ธ DON'T Forget to add

 .github/workflows
Enter fullscreen mode Exit fullscreen mode

and files like

 snake.yml
Enter fullscreen mode Exit fullscreen mode

and

 maze.yml
Enter fullscreen mode Exit fullscreen mode

and if you had problems with them just Rerun workflows


๐Ÿ’ก Why Should You Try This?

๐Ÿง’ Great for beginners
๐ŸŽจ Boosts your creativity
๐Ÿ˜Ž Impress recruiters
๐Ÿ”— Makes your profile stand out
๐Ÿ’ฌ Fun way to engage with the GitHub community


๐Ÿ™Œ Letโ€™s Have Some Fun Together!

You can check out my full profile here:
๐Ÿ‘‰ https://github.com/VIDAKHOSHPEY22

If you create a game-style profile, share it in the comments!
Letโ€™s inspire each other and spread the fun ๐Ÿค—

And hey โ€” donโ€™t forget to star โญ if you liked it, or fork ๐Ÿ” if you want to steal the style! ๐Ÿ˜„


โค๏ธ Support & Spread the Love

Made with lots of fun and curiosity ๐Ÿ˜
Feel free to remix, improve or share this idea!


Top comments (18)

Collapse
 
divyasinghdev profile image
Divya

This seems incredible, i will be trying it out soon ๐Ÿ˜

Collapse
 
vidakhoshpey22 profile image
Vida Khoshpey

๐Ÿ˜๐Ÿ’ช๐Ÿป๐Ÿ˜ so I can't wait for it , Thanks a lot โค๏ธ

Collapse
 
divyasinghdev profile image
Divya

Hehe Thank you ๐Ÿ˜Š.
For making this ๐Ÿ˜

Collapse
 
aquascript-team profile image
AquaScript Team

Can you make this for me plz, you can create pull request or I will add you as the contributor

Collapse
 
vidakhoshpey22 profile image
Vida Khoshpey

Sure add me , i will create for you and gor yalda ๐Ÿ’ช๐Ÿป but what you want snake or maze ?

Collapse
 
aquascript-team profile image
AquaScript Team

I will like to add maze. I will add you

Collapse
 
aquascript-team profile image
AquaScript Team

I have added you and Yalda as contributors

Collapse
 
vidakhoshpey22 profile image
Vida Khoshpey

I will fix it tonight ๐Ÿ’ช๐Ÿป๐Ÿ˜

Collapse
 
aquascript-team profile image
AquaScript Team

Thaaannnkkk Yyyoouuu ๐Ÿ˜

Collapse
 
aquascript-team profile image
AquaScript Team
Collapse
 
vidakhoshpey22 profile image
Vida Khoshpey

That's sooooo cool I will learn

Collapse
 
yaldakhoshpey profile image
Yalda Khoshpey

๐Ÿ‘๐Ÿป๐Ÿ˜ amazing

Collapse
 
latchudevops profile image
Latchu@DevOps

Awesome!
Ah, workflow reminds the DevOps

Collapse
 
vidakhoshpey22 profile image
Vida Khoshpey

๐Ÿ˜๐Ÿ˜๐Ÿ† thank you

Collapse
 
aquascript-team profile image
AquaScript Team
Collapse
 
aquascript-team profile image
AquaScript Team
Collapse
 
ramilenno profile image
Prophet Osila

Greetings

Collapse
 
vidakhoshpey22 profile image
Vida Khoshpey

๐Ÿ˜๐Ÿค—