GitGud banner

GitGud

2 devlogs
2h 55m 33s

GitGud is an interactive and story-based Git learning platform. You play the role of a specialist exploring the ancient Kethara Repository, and you must restore a corrupted archive using real-world Git commands. The story is divided into five sepa…

GitGud is an interactive and story-based Git learning platform. You play the role of a specialist exploring the ancient Kethara Repository, and you must restore a corrupted archive using real-world Git commands. The story is divided into five separate arcs that guide the user from basic file tracking to advanced professional workflows. All tasks require you to interact with a terminal or solve logic puzzles based on Git’s working mechanism.

This project uses AI

I used Gemini and Claude for debugging and fixing my grammar in the story. (I create the story idea on my own)

Demo Repository

Loading README...

Xavier Shilo Saputra

Shipped this project!

I created a story-based Git learning platform to celebrate Git’s 21st birthday. The website teaches people how to use Git while telling them stories of an archeological adventure to make the learning process more interesting. A challenge I face in making this project is thinking about the actual story plot and questions (where to insert them, how they relate with the story, the question types, etc) Making the questions and story possibly took more time than my current tracked coding hours. But I eventually completed the story, questions, and planning and I can proceed with the coding quite smoothly as I have previous experience in making websites in HTML, CSS, and JS.

Xavier Shilo Saputra

In this update, I added more questions and expanded the story to include more topics and learning materials. I am also experimenting with different question types to keep the quiz fun and interactive. You will find some non-typical styles like matching, sorting or sequencing, and drag and drop alongside the usual (common question types) multiple choice, fill in the blanks, and terminal commands.

In the next update, I plan to add more visualizations of the process so people get a better understanding of how branches and Git operations actually work. I am also planning a multiplayer mode with a leaderboard. Though I still need to do some research and learn how to implement that part properly. Finally, I want to add a GitHub learning path as a related complement to the Git material.

Attachment
1

Comments

Kendell
Kendell about 18 hours ago

make sure you disclose how you used ai in the frontend!

Xavier Shilo Saputra

This is the first devlog of GitGud. GitGud is a simple, story-based learning platform that teaches people how to use git in a fun and interactive way. I made this project to celebrate the 21st birthday of Git and to encourage more people to use it. This website is built using HTML, CSS, and JS, with questions embedded in the middle of the story. There are also explanations and examples after the user has submitted their answers to provide detailed, accurate information on the use of git. Moreover, there is also a field notes section on the side to help people with past topics as we progress through the story (to ensure players don’t forget basic commands in advanced levels). You can use this website by clicking the demo button directly.

Attachment
1

Comments

Xavier Shilo Saputra

Happy Birthday Git!