Git Battle

after a long day of grinding out the waiting room logic so users weren’t just staring at a blank screen, i finally got the state management to stop tripping. once the vibes were right and the code was actually working, i did the whole git dance to bring it into the main branch. i checked out main, pulled the latest updates to avoid any awkward conflicts, and merged the feature branch in. everything synced up perfectly with no beef from the terminal, so now the waiting room is officially live in the build and the repo is looking massive.
also i added background music too, it feels so good playing the game with music.
edit: I also added two new sound effects, when user enters the waiting room, and when the game starts.

Today was a huge milestone as I finally moved Git Battle from a local project to a live, production environment. It wasn’t a smooth ride—I spent a good chunk of time troubleshooting connection issues, from cleaning up old database links to fixing authentication redirects that were still pointing to our testing tunnels. I also hit a wall where the server wouldn’t build our database client correctly until I manually overrode the start commands, but after hunting down every missing variable and configuration error, it is finally working. The system is stable, users can log in securely, and most importantly, the real-time multiplayer is syncing perfectly, which feels like a massive win after a long day of debugging.

Today marked a major milestone for Git Battle, I integrated a Vercel Postgres database using Prisma ORM to handle persistent data storage. I implemented Server Actions to capture battle outcomes in real-time, ensuring every victory and defeat is permanently recorded. To visualize this data, I built a dynamic Leaderboard system that queries the database to rank top players by wins. The app now has a permanent ‘Hall of Fame,’ creating a competitive loop for users.
Now i am fully focused on setting up multiplayer mode, the most difficult task.

After some testing, and debugging I have finally added the login page, where user must logs in with thier github account, to play I have added three difficulty level for AI mode, and now i am focus on adding the multiplayer mode.

So guys, after a long time, I have added some cool SFX in the game, adn now i am focused on creating a multiplayer mode….

Guys! I just added floating number feature. It was pretty easy to implement, though i faced some issues as 1/4 hits, the damage numbers were overlapping, so i tried adding a variance and it worked but for a short time as now 1/10 hits the numbers were overlapping, so now i fixed it by making thier positions permanent and looped them to appear up, middle, and bottom.

Guys, I just fixed the exit button logic, at first when user interacted with it, they exited the game. Now, a popup message appears for the confirmation to quit the match.

I have added some new cool class abilities, like pixel Slash (which hits double damage with 60% more damage), hello world push too. I also added a “ability” button which allows user to use thier special ability.

While i was playing my game, i spotted some bugs;

1. the enemy was able to use critical damage, but i wasn’t so i fix the class abilities.
2. The logs were looking a bit boring so i added colors to represent each type.
3. The buttons were looking plain so i added hovering, with background color.
4. the enemy was using only 2 merge shields(heals), while me(player) was able to use all three, so i fixed that too.

Now I am adding more new cool abilities.

Finally!
After spending almost 10hours (generational lock in) designing the UI, it was all worth it, from watching youtube tutorials, to modifying the pixel art; IT WAS ALL WORTH IT.
Ladies and gentleman! presenting you;
a new revolution, a new face of git battle, the Greatest UI upgrade(for me yeah) of “Git Battle”.
(I have also shared a footage of it).
Enjoy!!
(i am gonna rest now).
edit: I still need to fix some bugs too, like the game starts as soon as you land on the battle view page.

I tried changing the UI but it went horribly wrong :((. Thank god I have committed the old version so I did not have to redo the entire UI. Now I am gonna watch some YouTube videos to learn about changing UI more cleanly. I was trying to add cyberpunk 2077 theme, but was not able to accomplish it, hopefully in my second attempt I will. :)))
Anyways, thank you guys for following me, I will do my best to make this one hell of a project!!

When I was testing my game, I ran into a bug, the AI was healing itself continuously, this created a loop in which the game never ends, so in order to fix it, I gave both the player and AI 3 healings right now (will add more difficulties later). This made the game more fun, and put an end to the loop.
Now I am trying to update the Ui of the app, and then will add more cool features.

Alright guys!
I have now fix the healing issue; before, I can constantly heal myself and the AI couldn’t, which was annoying as in this way I can never lose, so to make things fair, I added a cooldown feature which will allow user to heal after 3 turns, and now the AI can also heal if it’s health is below 50%.
I have also shared a footage of it working!

Just added a new cool buff feature, which gives three type of bonuses to the user, according to their class id, like if they have frontend warrior class they will get 25% more speed, if their speed is higher they have chance to hit a critical damage. The class is given to user based on their profile stats, like if they have more repos, stars, and followers they will have stronger bonuses. I have also added a healing button too, at first the game was running itself, but now it waits for user inputs.
There are still many things i have to fix like give the opponent which is a bot rn, healing mechanic too.
I have also shared a working footage below.

Added battle logic, which automatically fights the opponent by attacking them, the attacks happens using a formula;
Damage Formula: attack * random - (defense * 0.2)
Also created a Battle viewing area, which shows the logs of damages done by you/opponents.
Below is a working footage (ignore bg music) :)))

So i am building v2 of this project, i am using next.js to build this version now. I have now created the page.tsx which contains the starting logic of the project, i have added 2 player logic. I have also generated a github token which will help me fetch user stats(repos, stars, followers etc) and use them as battle powerups. Here is a small working footage, though i have not yet created the battle logic.

Just started creating the index.html file, will start styling it now, and then add logic behind it.
edit: changed my mind again, this version was a bit sloppy, so i am building a second version using next.js.

Just created a next.js app from scratch, and connected it to github api.
(Though there are still some bugs like the picture is too big, i am going to fix it).