Live football match timer

React component for showing live football match timer

Pre-requisites

• Git
• NodeJS (with NPM)

Install Dependencies

npm install

Run example App

npm start

Open localhost:9000

Example

import MatchTimer from 'live-football-match-timer';

const config = {
  matchDate: '2018/12/12',
  id: '23',
  startTime: '13:00',
};

class YourComponent extends React.Component {
  constructor(props, context) {
    super(props, context);
    this.state = {
    };
  }
  render() {
    return (
      <div >
        <MatchTimer config={config} />
      </div>
    );
  }
}

Config

You can custmize config param pass to component

Required params

Name	Type	Default	Description
matchDate	string	-	Match date in YYYY/MM/DD format
id	string	-	Unique match identifier
startTime	string	-	match start time in 24 hour format hh:mm

Optinal params

Name	Type	Default	Description
eachHalfTime	number	45	Each half Time
halfBreakTime	number	15	-
firstHalfExtraTime	number	0	-
secondHalfExtraTime	number	0	-
containerClass	string	null	Container div class for component
TimerClass	string	null	Timer span class
macthStatusTextClass	string	null	Extra match status info div class for text Live/HT/FT and extra time with seconds