Scoreboard

Simple score tracker for golf and disc golf. Made with Vue & Go

Motivation

It seems no one wants to be an accountant when we are playing. I wrote this so that the accountant can be switched in the middle of the game.

Created for mobile use. For best usability add app to homescreen.

Features

Live.
Create pars automatically if the user is close to a supported course.
Accountant can be switched in the middle of the game.
Easy to use.

Technical features

Demonstrates Go’s concurrency features nicely.
Server can save and restore it’s state.
Each game in memory has it’s own mutex instead of one global for all games.
Automatic deployment with Github Actions.
JSON structure is designed to be easily upgradable.
Azure Pipelines & Docker.
Good rendering time.
Hosted on DigitalOcean behind nginx.
nginx gzip & cache (may vary during development).

How To Use It

Local development

Clone repo

git clone https://github.com/tuommii/scoreboard.git

Start server

cd scoreboard
make

Start dev-server in a new terminal window

cd frontend
npm i
npm run serve

Go to: http://localhost:8081

Deploy

Every time when code is pushed to production branch, new binary will be compiled and sended to server.

Docker

Build

docker build . -t scoreboard

Run

docker run -p 8000:8000 scoreboard -port="8000" -static="public"

Example json

{
  "id": "jt1",
  "basketCount": 1,
  "active": 1,
  "hasBooker": true,
  "baskets": {
    "1": {
      "orderNum": 1,
      "par": 3,
      "scores": {
        "Jian Yang": {
          "score": 3,
          "total": 0,
          "ob": 0
        },
        "Tiger King": {
          "score": 3,
          "total": 0,
          "ob": 0
        }
      }
    }
  },
  "createdAt": "2020-05-01T20:06:42.283050923+03:00",
  "editedAt": "2020-05-01T20:06:42.283052041+03:00",
  "name": "Default"
}

Things to consider

Contributions are more than welcome

• Create MVP
• Circular navigation
• Split frontend to Vue-components
• Create my most played courses automatically based on location
• Light theme because of sunshine
• Let user choose basket count
• Make UI suitable for desktop also
• Use forced style guide for .vue-files
• Create courses automatically in Helsinki/Finland/World
• Add a lot of tests
• Frontend router
• Github actions
• More server-side validations
• If project grows much, refactor to vuex
• PWA (Offline support)
• User specific friends
• Fix typos
• UI improvements
• Show spinner when waiting response
• More organized CSS
• CSS Animations
• Random or selected avatars
• Secure cookie
• Sound effects
• Copy id to clipboard

Finishing game

• Create some graph
• For some users add possibility store game to database (validate time spent)
• When stats is implemented add support for marking OB (out of bounds)