A client side application that keeps track of users and their scores that are submitted to the scoreboard in real-time.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
src
.gitignore
README.md
package-lock.json
package.json

README.md

Scoreboard

What It Is:

This is a client side application that keeps track of users and their scores that are submitted to the scoreboard in real-time.

Features:

Add Player: Includes a text input field where users can type in someones name and insert them to the scoreboard. Remove Player: Includes a 'X' element to remove the player from the scoreboard. Increment/Decrement Score: Includes an add/subtract button to increment/decrement score. Stopwatch: Includes a stopwatch where you can time people. (Controls: Start,Stop and Reset). Overall Stats: Includes the total number of players and points between them.

Required Libraries and Dependencies:

  • Internet Connected Laptop/Desktop
  • Modern Web Browser (Latest version of Chrome or Firefox works best!)
  • Node >= 6 installed on your machine
  • prop-types (npm package)
  • Create-react-app (npm package)

Project Contents:

This project consists the following files and directories:

  • index.html - The main html file that displays the App element and primary information about the App.
  • index.scss - A SCSS file that contains all of the styles for the web app.
  • README.md - This read me file.
  • index.js - Javascript file that contains the whole React app logic/data code.

Running Instructions:

  1. Download the zip to a directory you'll be working in.
  2. Unzip the file.
  3. Open up terminal.
  4. cd to the directory "react-scoreboard".
  5. Type npm start to run the app.
  6. Your browser should open up with the app running.

Resources Used:

  • Google
  • StackOverflow
  • TeamTreehouse

Contact:

If there are problems with running/opening this app please contact me at billh93(AT)gmail(dot)com or open an issue.