Dart Scoring App

A Vue 3 + TypeScript application for scoring dart games (301/501) with support for up to 8 players.

Features

• Game Types: 301 and 501
• Multi-Player: Support for 1-8 players
• Game Rules: Full implementation of standard dart rules
  • Bust detection (below 0, exactly 1)
  • Checkout validation (must finish on double)
  • Turn-based scoring (3 throws per turn)
• Modern Stack: Vue 3 Composition API, TypeScript, Vuetify

Project Structure

dart/
├── frontend/          # Vue 3 frontend application
├── backend/           # Future backend services
├── shared/            # Shared types and utilities
└── k8s/               # Kubernetes deployment configs

Getting Started

Prerequisites

• Node.js 18+
• npm 9+

Installation

# Install dependencies
npm install

# Start development server
npm run dev

Development

# Run frontend dev server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Tech Stack

• Framework: Vue 3 with Composition API
• Language: TypeScript
• UI Library: Vuetify 3
• Build Tool: Vite
• Router: Vue Router 4

Game Rules

Scoring

• Players start with 301 or 501 points
• Each turn consists of 3 throws
• Score decrements with each throw
• Goal: Reach exactly 0 points

Winning

• Must finish on a double (D1-D20 or Bull)
• Reaching exactly 0 with a valid double wins the game

Bust Conditions

• Going below 0 points
• Landing on exactly 1 point
• Finishing on a non-double
• When bust occurs, score remains unchanged and turn passes

License

Private project - All rights reserved