IPL Edge

Table of Contents

• Introduction
• Demo
• About the Project
• Technologies Used
• Features
• Used For
• Improvements
• Problems Faced
• Links
• Live Demo
• GitHub Repository
• Getting Started

Introduction

IPL Edge Game is an immersive cricket game application that lets you experience the excitement of an IPL cricket match. Select teams, choose overs, strategize player lineups, and engage in realistic gameplay.

Demo

Demo.Video.Short.mp4

About the Project

IPL Edge Game is a cutting-edge cricket simulation that brings the thrill of IPL matches to your screen. With its intuitive interface and attention to detail, this application offers users a chance to not just watch, but participate in thrilling cricket showdowns.

The application is built using React for its dynamic user interface and seamless updates. CSS is employed to design visually appealing screens that replicate the look and feel of an actual cricket match.

The game consists of multiple screens that closely mirror the stages of a real IPL match. Users start by selecting two teams out of the 10 available options. The game enforces the rule that the chosen teams must be different, adding a strategic element to the selection process.

Moving forward, users decide on the number of overs for the game from a range of options – 20, 10, 5, or 2. This selection influences the pacing and intensity of the game.

Team composition is a crucial aspect of cricket, and this is authentically captured in the application. Users are tasked with forming a balanced team considering player roles (batsman, bowler, wicketkeeper, all-rounder) and the restrictions in place (e.g., minimum 6 bowlers, 1 wicketkeeper, maximum 4 overseas players). The players' abilities are quantified with batting and bowling powers, affecting their in-game performance.

Toss, another integral part of cricket, is simulated where the winning team chooses to bat or bowl based on their strategy. The actual gameplay unfolds in the game screen, where users make real-time decisions on player positions and bowling selections.

The game calculates runs based on over, batsman power, and bowler power, providing a dynamic and unpredictable experience. Realistic commentary accompanies each ball, enhancing the immersive feel.

Ongoing updates include the display of the current run rate, toss winner, total runs, and wickets for the batting team. The application also provides insights such as over summaries, commentary, and detailed scorecards for both innings.

As the first innings concludes, users switch roles, and the second team attempts to chase down the target within the set overs. This adds an additional layer of excitement and strategy, creating a complete IPL match experience.

Technologies Used

• React
• CSS

Features

• Team selection from 10 available IPL teams.
• Choice of overs (20, 10, 5, 2) affecting gameplay pace.
• Strategic player lineup selection considering player roles.
• Implementation of team composition rules, including overseas player limitations.
• Realistic simulation of toss with user-selected batting or bowling.
• Dynamic gameplay screen with real-time decisions on player positions and bowling.
• Randomized run generation based on player abilities and over conditions.
• Immersive commentary accompanying each ball.
• Display of current run rate, toss winner, total runs, and wickets.
• Over summaries providing insights into each over's performance.
• Detailed scorecards for both the first and second innings.
• Role reversal for the second innings with a target to chase.
• Visually appealing UI replicating the look and feel of a cricket match.
• Responsive design for seamless gameplay across devices.
• Strategically challenging gameplay with limited resources.
• Real-time updates reflecting the match's progress.
• Interactive player selection process with quantified player abilities.
• Incorporation of cricket rules such as changing bowlers after each over.
• Engaging user experience with authentic cricket dynamics.
• Chance for users to experience the thrill of IPL matches firsthand.
• Intuitive controls for easy gameplay and navigation.
• Realistic representation of player roles and abilities.
• Inclusion of strategic elements such as team composition and toss decisions.
• Simulation of the pressure and excitement of a real cricket match.
• Opportunity to test different strategies and team combinations.
• In-game statistics for each player's performance.
• Integration of commentary to enhance the immersive experience.

Used For

• Experiencing the excitement of IPL cricket matches virtually.
• Testing strategic thinking and decision-making skills in cricket scenarios.
• Entertainment and engagement for cricket enthusiasts.
• Gaining insights into team composition and player roles.
• Simulating real cricket match dynamics and rules.
• Enjoying an immersive and interactive sports gaming experience.

Improvements

• Enhanced graphics and animations for a more lifelike feel.
• Incorporation of multiplayer mode for users to compete with friends.
• Integration of real-time multiplayer matches for a competitive edge.
• Introduction of different game modes, such as tournaments or leagues.
• Integration of more detailed player statistics and career histories.

Problems Faced

• Balancing player abilities and power calculations: Thorough research on player statistics and iterative testing to fine-tune power calculations.
• Ensuring accurate simulation of cricket rules and dynamics: Close collaboration with cricket experts and enthusiasts for validation and accuracy.
• Creating an intuitive user interface for complex gameplay: User experience testing and iterative design improvements based on feedback.
• Complex State Management: Implement an efficient state management solution like React Context to handle and synchronize complex game state changes across components.
• Complex User Interactions: Carefully design user interactions, implement responsive event handling, and ensure intuitive user feedback mechanisms to manage the complex decision-making and gameplay interactions within the React component hierarchy.

Links

• Live Demo

  https://ipl-edge.netlify.app/

• GitHub Repository

  https://github.com/yashksaini/IPL-Edge

Getting Started

To clone and run the project locally, follow these steps:

1. Clone the repository.
2. Navigate to the project directory.
3. Run npm install to install dependencies.
4. Run npm start to start the development server.
5. Open your browser and visit http://localhost:3000 to play the game.