Clash Quant

Inspiration

We’re all passionate Clash Royale players, and like many in the community, some of us are hardstuck in midladder. We wanted to create a tool that could give players a strategic edge, making the game more accessible and competitive for everyone.

What It Does

Clash Quant is a real-time overlay for Clash Royale that:

• Tracks your opponent’s cards
  
• Predicts their next move
  
• Visualizes their elixir — all live on your screen
  

It’s designed for both casual players and streamers, providing instant insights to help you outplay your rivals.

How It Was Built

• React frontend framework with python backend api integration
• Used Roboflow for model training and data management
  
• Backend (Python): handles screen capture and model inference
  
• Frontend (React): displays the game state in a seamless overlay, perfect for OBS integration
  

Challenges

• Training the computer vision model
  
• Implementing and refining the model’s API
  
• Integrating backend logic with a dynamic React overlay
  

What We Learned & What’s Next

• Gained experience in model building, training, and deploying APIs
  
• Learned to integrate Python with modern web technologies
  

Next steps:

• Add more features
  
• Improve integration
  
• Expand support for other games and overlays to help more players climb the ladder!
  

Built With

• opencv
• python
• react
• roboflow
• vite