A cutting-edge, live-data driven platform designed for cricket fans to step into the shoes of a professional coach. The platform allows users to make real-time tactical decisions during the Gujarat Titans vs Sunrisers Hyderabad match and scores their "Cricket IQ" against actual match outcomes and expert analysis.
The Real-Time Coaching Simulator transforms the passive viewing experience into an active, strategic challenge. By syncing with live ball-by-ball data, the app presents the "Shadow Coach" with critical decision points based on the exact match context.
- Decide in Real-Time: Position your fielders and suggest the next bowler as the match unfolds.
- Score Tactical Merit: Your choices are evaluated using historical player data and the actual result of the ball/over.
- Beat the Captain: Compare your logic with the actual on-field decisions made by Shubman Gill or Pat Cummins.
- Draggable Fielding: Drag-and-drop fielder dots on a realistic 2D ground.
- Rule Enforcement: The system monitors IPL Fielding Regulations. It will flag a violation if you place more than 2 fielders outside during Powerplay or 5 during Regulation overs.
- Manual Phase Selection: Toggle between IPL Powerplay and Regulation Overs manually to test different tactical scenarios.
- Captain Match (Live): Real-time "Ghost Markers" show where the actual captain has placed his fielders. Match their positions to increase your "Captaincy Percentage."
- Stat Match (History): Compare your fielding with the historical career success patterns of the current bowler (e.g., Rashid Khan's optimal setup).
- Coaching Logic AI: Get instant feedback on your strategy—from "Tactical Warnings" to "Excellent Alignment" ratings.
- Tactical Enhanced Score: A virtual team total that adds "Bonus Runs" based on your coaching performance.
- Tactical Merit Score: Earn points for predicting bowlers and respecting fielding rules.
- Live Leaderboard: Compete against other fans to prove you are the ultimate cricket mind.
- Frontend: React (Vite) +
react-draggable+ Vanilla CSS (Glassmorphism). - Backend: Node.js/Express.js +
axios+cheerio(Live Scraping API). - Data Logic: Proximity-based scoring and historical pattern matching.
Follow these steps exactly to launch the simulator:
Ensure you have Node.js installed, then run:
# Clone the repository
cd agentic-dev
# Install required dependencies
npm install
npm install react-draggable axios cheerio express corsThe backend handles the live match scraping and strategic data serving.
# In your first terminal window:
node server.jsWait for the message: Server running on http://localhost:3001
The frontend provides the interactive coaching interface.
# In a second terminal window:
npm run devNavigate to http://localhost:5173 in your browser.
- Sync with Live Data: Watch the live score and pitch intelligence at the top.
- Select Match Phase: Use the buttons to select IPL Powerplay or Regulation Overs.
- Set Your Field: Drag the fielder dots on the ground. Watch the Yellow/Cyan colors to see who is inside or outside the circle.
- Match the Captain: Try to align your dots with the Ghost Markers to reach 100% Captaincy Match.
- Analyze the Stats: Read the Coaching Logic Evaluation to see if your field matches the bowler's historical success patterns.
- Earn Bonus Runs: Watch your Tactical Enhanced Score climb as you make masterclass decisions!
Our goal is to identify and reward the most knowledgeable cricket minds. By bridging the gap between historical data and live action, we provide a platform where tactical genius is recognized and rewarded.