ZoomBoxing

Inspiration

We wanted to create a fun, interactive game that brings people together on Reddit, combining the thrill of boxing with quick, strategic gameplay. Our goal was to make something social, competitive, and easy to play in a browser.

What it does

ZoomBoxing is a fast-paced boxing game where players face off against an AI opponent. Players must dodge the AI’s punches and land counter-punches by picking the right moves. The game tracks streaks, displays dynamic animations, and integrates directly into Reddit playtest subreddits for a seamless social experience.

How we built it

We built the frontend in React with TypeScript, using custom animations and sound effects for an engaging user experience. The backend is powered by Node.js and Express, handling game logic and state. We used RESTful endpoints for communication between the client and server, and integrated with Reddit’s playtest environment for community play.

Challenges we ran into

• Designing intuitive, responsive animations for both hits and misses.
• Managing real-time game state and synchronizing moves between the client and server.
• Ensuring the game logic was fair and fun, with clear feedback for every action.
• Integrating with Reddit’s playtest environment and handling edge cases for new users. ## Accomplishments that we're proud of
• Creating a smooth, visually appealing boxing experience in the browser.
• Seamless integration with Reddit, allowing users to play directly in their subreddit.
• Implementing dynamic feedback with sound, animation, and streak tracking.
• Building a game that’s easy to pick up but rewards skill and strategy. ## What we learned
• How to design engaging, interactive browser games with React and TypeScript.
• Techniques for synchronizing state and logic between frontend and backend.
• The importance of user feedback (visual and audio) in making games feel responsive and fun.
• How to integrate web apps into social platforms like Reddit. ## What's next for ZoomBoxing
• Adding multiplayer support so users can challenge friends or other Redditors.
• Introducing new moves, combos, and power-ups for deeper strategy.
• Leaderboards and achievements to encourage competition.
• Mobile optimization and accessibility improvements.
• More customization options for avatars and rings.

Built With

• devvit