cricket-score-widget

Cricket Score Widget

Live Cricket Score Javascript Widget Build using Svelte JS.

DEMO - https://mskian.github.io/cricket-score-widget/public/

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/cricket-api-nodejs
• 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@latest/public/build/bundle.css" integrity="sha256-k31RXSyfVM1sRFBerc/RmoJSrw+Mm5jQ5wjlv1etsf4=" crossorigin="anonymous">

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

<script src="https://cdn.jsdelivr.net/npm/cricket-score-widget@latest/public/build/bundle.js" integrity="sha256-M/47VY2JuRbIv2/rOvjQTsk9mkUO8PzV5U6w6J9Op54=" crossorigin="anonymous"></script>

• 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>

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