Skip to content

Latest commit

 

History

History
43 lines (29 loc) · 1.24 KB

README.md

File metadata and controls

43 lines (29 loc) · 1.24 KB

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

Table of contents

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.

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.