The problem MoonRace solves

"Ready to take flight? 🕹️🦅
Join the ultimate challenge where skill meets stakes! Moonrace brings the nostalgia of classic gaming into the real world, where every move counts and the stakes are real! 🎮💸
Use your hand to control the bird, dodge obstacles, and climb the leaderboard — all while competing for real rewards. 🏆💰
Only the best will rise to the top. Are you ready to flap your way to victory? 🚀🔥"

Challenges we ran into

Hand Tracking: Integrating real-time hand tracking (e.g., using MediaPipe) with React's declarative nature was tough. Hand movements need to be processed continuously, while React's render cycle isn't optimized for real-time input handling.

Canvas Rendering: React isn't designed for frame-by-frame updates required by games. Using <canvas> for rendering the game while syncing with React's state management was tricky and required manual DOM manipulation.

We w
These were the major challenges we faced while developing this game.. Otherwise , from web3 component point of view it was quite easy for us..