cricket-score-widget

Live Cricket Score Javascript Widget Build using Svelte JS.

Usage no npm install needed!

<script type="module">
  import cricketScoreWidget from 'https://cdn.skypack.dev/cricket-score-widget';
</script>

README

Cricket Score Widget

build-test jsdelivr

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