Inspiration We wanted to turn typing practice into a chaotic battle. Inspired by Mario Kart, we asked: "What if you could sabotage other typists?" We built Type Tactics to add strategy and combat to standard speed racing.
What it does Type Tactics is a real-time multiplayer arena. Players race to finish text passages while casting spells to disrupt opponents. You can freeze their screens, protect yourself with shields, or inject gibberish into their text. It features live lobbies and a 3-round tournament structure.
How we built it We used React, TypeScript, and Vite for the frontend, styled with Tailwind CSS. The backend runs on Node.js and Socket.io, which handles the real-time event broadcasting to sync spell effects and race progress instantly.
Challenges we ran into We lost half our team instantly. One teammate bailed and another couldn't make it, leaving just two of us to build this. We also struggled with reducing lag for real-time spells and managing dynamic text updates while users typed.
Accomplishments that we're proud of The game feel is excellent. We implemented screen shakes, smooth animations, and a responsive spell system. The real-time interactions work seamlessly, creating a genuinely competitive experience.
What we learned We learned deep WebSocket management for broadcasting game states to specific rooms. We also improved our skills in handling complex React state updates during high-speed user input.
Log in or sign up for Devpost to join the conversation.