This is a Chrome extension that displays live cricket match scores for specific teams like India, Sri Lanka, Australia, England, New Zealand, South Africa, West Indies, and Pakistan. The extension fetches live match data from CricAPI and displays it in a simple, easy-to-read interface. Each match has an arrow button that redirects to a Google search for the respective match.
- Displays live cricket scores for selected teams (India, Sri Lanka, Australia, England, New Zealand, South Africa, West Indies, Pakistan).
- Filters matches based on specific teams.
- Shows the current status of the match, venue, and teams.
- Provides a clickable arrow button for quick Google search of the match.
- Supports Dark Mode theme with toggle for light and dark modes.
- Google Chrome browser (or any Chromium-based browser).
- A CricAPI API key (you can get one from CricAPI).
- Clone this repository to your local machine:
git clone https://github.com/your-username/live-cricket-scores-extension.git
- Go to the Chrome Extensions page:
- In the Chrome browser, go to
chrome://extensions/. - Enable "Developer Mode" at the top right.
- Click on "Load unpacked" and select the folder where you cloned the repository.
- The extension will be loaded, and you can start seeing live cricket scores for the selected teams!
popup.html: The HTML structure for the extension popup.styles.css: The CSS for styling the extension with dark mode and light mode toggle.popup.js: The JavaScript that fetches live scores from CricAPI and handles the user interface.background.js: Background script to handle the dark mode toggle functionality.manifest.json: The configuration file for the Chrome extension.
The extension features a toggle to switch between dark mode and light mode. By default, the extension will open in dark mode, but you can switch it to light mode by clicking the toggle button in the top-right corner of the popup.
This extension uses the CricAPI to fetch live cricket scores. To use this extension, you need to sign up for an API key at CricAPI. Once you have the key, add it in the appropriate section of the JavaScript code.
const apiKey = 'YOUR_API_KEY'; // Replace with your CricAPI key- HTML5
- CSS3 (Flexbox, Media Queries, Transitions)
- JavaScript (ES6+)
- CricAPI for live cricket data
- Google Chrome Extension APIs
Feel free to fork this repository and submit pull requests. Contributions are always welcome!
This project is licensed under the MIT License - see the LICENSE file for details.
- CricAPI for providing live cricket data.