CricketPulse is a responsive Cricbuzz-style cricket live score web app built with plain HTML, CSS, and JavaScript. It includes live-score style match cards, cricket scorecards, schedules, rankings, cricket news, fan voting and optional CricketData/CricAPI integration.
cricket live score cricket scorecard cricket app live cricket scores cricket schedule cricket rankings cricket news CricketData API CricAPI HTML CSS JavaScript
- Live-score style match cards
- Horizontal featured match strip
- Match filters for all, live, upcoming, and results
- IPL filter and points table
- Search by team, series, or venue
- Interactive scorecard panel
- Ball-by-ball commentary panel
- News, schedule, rankings, and fan poll sections
- Mobile-friendly layout
- Optional CricketData/CricAPI live data loading
- HTML
- CSS
- JavaScript
- Static assets
No framework, build step, or database is required.
Start a simple local server from the project folder:
python3 -m http.server 4173Then open:
http://localhost:4173
The app includes a Real Data panel where you can paste a CricketData/CricAPI key and load current matches, including IPL matches when they are available from the provider. After a successful load, the app stores the key in local browser storage, refreshes scores manually with the Refresh button, and can auto-refresh every 60 seconds.
API endpoints used:
https://api.cricapi.com/v1/currentMatches?apikey=YOUR_API_KEY&offset=0
https://api.cricapi.com/v1/cricScore?apikey=YOUR_API_KEY
For production, do not expose an API key directly in frontend code. Use a small backend or proxy to protect the key.
.
├── app.js
├── assets/
│ └── cricket-stadium.png
├── index.html
├── README.md
└── styles.css