Scoreboard React

A simple React-powered scoreboard for score-keeping while playing analog games

Demo 🃏

https://saltymouse.github.io/scoreboard-react

How To Use 🀄️

Adding & Removing Players

• Click/tap the Remove Player (👤➖) or Add Player (👤➕) buttons (bottom of the screen) to match the number of players in your game (1 to 4).

Change Your Emoji 🦁

• Click/tap the emoji on each player to select a new random emoji.

Adding Scores ➕

• Click/tap Add Scores (➕) after entering all player's scores.
  • The Add Scores (➕) icon will change to a (✔️) signifying the scores are ready to submit.

Removing Scores ➖

1. From the score-list, click/tap on the score you wish to remove.
   • Scores from the same round in other players will be highlighted.
2. Click/tap the Remove Scores (➖) button.

Editing Scores ✔️

1. From the score-list, click/tap on the score you wish to remove.
2. Adjust the selected scores in the players' input fields.
3. Click/tap Add Scores (✔️) to submit score changes.

Tech Specs 🪀

• Mobile-first responsive design
• Dark mode (auto-detected from you OS settings)

Browser Support 🕸

Latest ✔	Latest ✔	10+ ✔	Latest ✔	iOS 12+ ✔

Development 💻

• yarn start or npm start - Runs the app in live-development mode.
• yarn build or npm build - Builds the optimized production app.

Branching

Quick Legend

Instance	Branch	Description, Instructions, Notes
Stable	stable	Accepts merges from Working and Hotfixes
Working	master	Accepts merges from Features/Issues and Hotfixes
Features/Issues	topic-*	Always branch off HEAD of Working
Hotfix	hotfix-*	Always branch off Stable

Todo 🧩

• Edit/Remove Scores
• Localization
• Accessibility
• Testing
• Offline