cricket-score-widget

Cricket Score Widget

Live Cricket Score Javascript Widget Build using Svelte JS.

Note: i am Closing this Widget for Public Usage due API Server Down issue - You can Self-host my Cricket API on your Server - Fork & Rebuild this widget according to your Needs.

DEMO - https://score.sanweb.info/
CDN - https://www.jsdelivr.com/package/npm/cricket-score-widget

Features

• Just add the Javascript and CSS Bundle Files in your Website/blog - Done
• Live Auto Refresh - Auto Refresh the Score Every 1 Minutes
• Cricket Score API - https://github.com/mskian/deno-cricket-api
• Fetch API
• Dark Mode Support

Usage

• Add this Stylesheet on above </head>

<link rel="preconnect" href="//cdn.jsdelivr.net">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cricket-score-widget@<PACKAGE-VERSION>/public/build/bundle.css" integrity="sha256-yvi81Q3KOkEooohCFxO74GKJQndjbKaJM9Rk9zoi2/c=" crossorigin="anonymous">

• Add this Javascript on above closed body tag </body>

<script src="https://cdn.jsdelivr.net/npm/cricket-score-widget@<PACKAGE-VERSION>/public/build/bundle.js" integrity="sha256-2DByz5abCmWBxzV1R6+opStZ4rbkVjYCXv1BQL/sUnM=" crossorigin="anonymous"></script>

Note: Get Updated CDN URL From https://www.jsdelivr.com/package/npm/cricket-score-widget

• Add this HTML Div element to Display Live Cricket Score

<div class="main-score">
<div class="table-score">
<div class="hello_cricket"></div>
</div>
</div>

• Fetch Live score via Match ID

https://score.sanweb.info/?match=Match-ID

Development

• Clone or Download the Repo

git clone https://github.com/mskian/cricket-score-widget.git
cd cricket-score-widget
yarn

or

npx degit mskian/cricket-score-widget cricket-score-widget
cd cricket-score-widget
yarn

• Test the Script

yarn dev

• Production Build

yarn build

• Modify the Script - /src/App.svelte
• Build CSS and Javascript are Stored in /public/ Folder

LICENSE

MIT