CLUTCH IQ

CLUTCH IQ was inspired by the most intense moments in Valorant—clutches, post-plants, and split-second decisions that often decide entire matches. While fans regularly watch these moments, they rarely get to experience the pressure and decision-making behind them. We wanted to build an interactive experience that transforms spectators into strategists and lets players think like pros, not just aim like them. CLUTCH IQ is a Valorant-themed strategy and aim-training game that places players into realistic in-game scenarios. In Strategy Mode, players are given a map, weapon, and abilities and must choose actions step-by-step to resolve the situation, receiving a tactical score and concise feedback. In Aim Practice mode, players test their reflexes in a fast-paced 30-second challenge where targets continuously spawn and disappear, rewarding speed and accuracy. We built CLUTCH IQ using Python and Flask for the backend game logic and routing, with HTML, CSS, and JavaScript powering the frontend interface and interactions. The strategy evaluation system uses rule-based logic inspired by competitive Valorant fundamentals, while the aim practice mode relies on lightweight JavaScript timers for smooth, responsive gameplay. The project was designed to be lightweight, offline-friendly, and easy to extend with new maps and scenarios. One of our biggest challenges was balancing simplicity with realism—ensuring the strategy system felt intuitive while still reflecting real competitive decision-making. We also faced challenges managing dynamic UI states, image rendering issues, and timing logic for the aim practice mode, all of which required careful debugging and iteration to keep the experience smooth and reliable. We’re proud of creating a polished, replayable experience that blends tactical thinking and mechanical skill into a single platform. Successfully implementing step-based decision evaluation, real-time visual feedback, and a pressure-based aim challenge within a short development window was a major win. The final product feels intuitive for beginners while still rewarding thoughtful play. Through building CLUTCH IQ, we learned how to design interactive game logic that guides player behavior without forcing it, and how small UI and UX decisions can dramatically impact player engagement. We also gained valuable experience in structuring a full-stack web project under hackathon time constraints and iterating quickly based on testing and feedback. Next, we plan to expand CLUTCH IQ with more maps, agent-specific abilities, difficulty levels, and a global leaderboard. We also envision adapting it for live esports events, fan booths, and coaching tools, turning CLUTCH IQ into a scalable platform for both fan engagement and competitive learning.

Built With

• css3
• html5
• javascript
• python