Pordes Jomblang Scoring System

Papan skor digital dan live scoring turnamen olahraga desa real-time untuk mencatat skor pertandingan, klasemen grup, dan statistik laga secara instan.

Tentang Proyek

Sistem live score ini dibuat dan digunakan langsung di lapangan pada ajang turnamen Pekan Olahraga Desa (Pordes). Penonton di tribun dan panitia pertandingan dapat memantau perkembangan skor secara langsung di browser tanpa perlu me-refresh halaman.

Tanggung Jawab & Fitur yang Saya Bangun

Membangun mesin penghitung poin dan manajemen state dinamis menggunakan React dan TypeScript.

Merancang tampilan papan skor bergaya scoreboard modern dengan visibilitas tinggi saat diproyeksikan ke layar monitor besar.

Menyediakan bagan fase gugur (*tournament bracket*) dan tabel klasemen otomatis yang update saat pertandingan selesai.

Mengoptimalkan loading website via Vercel agar sangat ringan dibuka ratusan penonton dengan jaringan internet seluler lapangan.

SYSTEM ARCHITECTURE & DATA BLUEPRINT

Arsitektur Sistem & Skema Database

Arsitektur Single Page Application (SPA) Reaktif dengan State Management Terpusat & Sinkronisasi Skor Instan.

// Alur Pemrosesan Data dan Layering Arsitektur

01. Spectator & Scoreboard ViewSTEP 1

High-Visibility Display UI

Next.js + React 19 + Tailwind CSS

Papan skor kontras tinggi dengan tipografi jumbo untuk layar proyektor lapangan dan layar smartphone.

02. Match Controller & EngineSTEP 2

Game Rules & State Engine

TypeScript State Reducer + Local Storage Sync

Logika reli poin bulutangkis/olahraga, sistem deuce otomatis, perpindahan servis, dan riwayat set.

03. Bracket & Standings EngineSTEP 3

Tournament Group Stage Calculator

Array Transformation Algorithms

Kalkulasi agregat kemenangan, selisih poin, dan penentuan juara grup otomatis.

04. Edge CDN HostingSTEP 4

Global Edge Network

Vercel Edge Network

Penyajian aset statis berkecepatan tinggi dengan TTFB rendah di jaringan internet lapangan.

Buka Live Demo Lihat Source Code Proyek Lainnya