Granny Poker

• 

  poker UI

Inspiration We wanted to build a fun, reliable way to play poker with friends online. It started as a simple idea to practice game theory, play with fake chips, and just hang out virtually.

What it does Granny Poker is a real-time multiplayer Texas Hold'em web app. It lets up to 5 people play together at a virtual table. The app handles all the game mechanics automatically, from dealing cards and managing bets to evaluating the winning hands. It also includes a spectator mode.

How we built it We used React and Next.js for the frontend to create a smooth, responsive UI. For the backend, we used Node.js and Express. We built a custom WebSocket server from scratch to handle the real-time multiplayer game state and keep all the players synced.

Challenges we ran into Programming the exact logic for Texas Hold'em was tough. Evaluating complex winning hands, calculating split pots, and keeping the real-time game state perfectly synced for all users took a lot of debugging and testing.

Accomplishments that we're proud of We're really proud that we built the entire hand evaluation algorithm from scratch without using any external poker libraries. Getting the real-time multiplayer features to run smoothly with zero lag was also a huge win for us.

What we learned We learned a ton about WebSockets and managing real-time data. We also improved our skills in complex React state management and figuring out how to translate strict real-world game rules into solid backend code.

What's next for Granny Poker Next up, we want to add AI bots so people can practice solo. We're also planning to add global leaderboards, user accounts to track chip stacks over time, and an integrated chat system.

Built With

• nextjs
• node.js
• react