Basketball Scoreboard

A simple basketball scoreboard like in real life! It contains a timer, which counts 4 quarters of 10 minutes and allows the user to pause game at any time, to add points to home team and guest team (+1, +2, +3). It displays the score and which quarter it is. Team that leads has its text color highlighted a bit. Made as a Solo project on Frontend Career Path

Table of contents

• Overview
  • Screenshot
  • Links
• Process
  • Built with
  • Useful resources
• Author

Overview

Users are allowed to:

• start, pause and restart the game
• add 1, 2 or 3 points to home team or the guest team at any time, except when the game is paused
• see the score and the current quarter

Screenshot

Mobile and desktop design of basketball scoreboard.

Links

• Live Site URL: Basketball Scoreboard

Process

Built with

• Semantic HTML5 markup
• CSS font-face
• CSS variables
• Flexbox
• Mobile-first workflow

Useful resources

• Timer function - This helped me establish my startTimer and startClock functions in JavaScript.

Author

• GitHub - https://github.com/jelenkoo10
• Frontend Mentor - @jelenkoo10
• LinkedIn - Veljko Jelenković