fmanimashaun / basketball-scoreboard

The project was built to showcase my skills in HTML, CSS, and JavaScript and how to build an interactive webpage. This is a simple basketball scoreboard web app to keep track of game scores and timing. The development is based on the given figma design. This is part of the Scrimba Frontend Developer Career Path solo projects.

Home Page:https://fmanimashaun.github.io/basketball-scoreboard/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

basketball-scoreboard

πŸ“— Table of Contents

πŸ“– Overview

The project was built to showcase my skills in HTML, CSS, and JavaScript and how to build an interactive webpage. This is a simple basketball scoreboard web app to keep track of game scores and timing. The development is based on the given figma design. This is part of the Scrimba Frontend Developer Career Path solo projects.

Project Objectives

  • Build a simple basketball scoreboard web app to keep track of game score and timing.
  • Use HTML, CSS, and JavaScript to build the project.
  • Use the given figma to build the project.
  • create buttons to increase the score based on score type for each team
  • create a button to start the game timer
  • create a button to pause/resume the game timer
  • create a button to reset the game timer and score
  • Add confetti effect when the game is over (winner is determined by the team with the highest score).

πŸ›  Built With

Tech Stack

Key Features

  • Confetti effect when the game is over (winner is determined by the team with the highest score).
  • Buttons to increase the score based on score type for each team
  • Button to start the game timer
  • Button to pause/resume the game timer
  • Button to reset the game timer and score

πŸš€ Live Demo

Live Demo Link

πŸ’» Getting Started

  • [Optional] Install git bash to your machine to enable you to clone this repo.
  • install Visual Studio to be able to host a local live version.
  • Install a browser to view the local live version. To get a local copy up and running follow these simple example steps.

Setup

  • Open your GitHub account the repository's link

Prerequisites

  • Internet connection
  • A github account

Install

  • copy the repo's link and clone it by writing git clone https://github.com/fmanimashaun/basketball-scoreboard.git on your git bash terminal (note: the main branch is the final version).
  • In your visual studio, change the branch to the starter_version branch to view the starter version of the project.
  • follow the step-by-step guide on my blog to build the project.

Authors

Developers

πŸ‘€ Engr. Animashaun Fisayo

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your suppor

Give a ⭐️ if you like this project!

πŸ“ License

This project is MIT licensed.

About

The project was built to showcase my skills in HTML, CSS, and JavaScript and how to build an interactive webpage. This is a simple basketball scoreboard web app to keep track of game scores and timing. The development is based on the given figma design. This is part of the Scrimba Frontend Developer Career Path solo projects.

https://fmanimashaun.github.io/basketball-scoreboard/

License:MIT License


Languages

Language:JavaScript 40.9%Language:CSS 40.3%Language:HTML 18.8%