Ghufron A.N.
All projects
2026Solo Developer

PB UNDIP Platform & Scoreboard

Official athletic club portal and real-time tournament scoreboard suite built for Persatuan Bulutangkis Universitas Diponegoro, featuring reactive court synchronization, role-isolated PIN authentication, athlete registration, and Cloudflare R2 document storage.

Team

Solo project

Repository

private

PB UNDIP Platform & Scoreboard project preview

The problem

Persatuan Bulutangkis Universitas Diponegoro needed a robust, all-in-one digital platform: a zero-latency live scoreboard that umpires can control from mobile devices with broadcast-grade videotron displays, paired with a secure athlete registration workflow and club administration.

Next.js 16React 19TypeScriptConvexCloudflare R2Tailwind CSSFramer Motion

Contributions

  • Engineered the reactive real-time court scoring engine using Convex with rally-point rules, dynamic service court tracking, deuce capping, and state recovery.
  • Designed a custom multi-role authentication system featuring master PIN (SHA-256), temporary 6-digit access codes for event marshals with brute-force lockout, and WhatsApp auto-login dispatch.
  • Built the athlete registration pipeline supporting private document uploads to Cloudflare R2 via presigned URLs and administrative batch export to XLSX.
  • Developed responsive spectator scoreboard layouts (Modern TV broadcast, LED, Minimalist, Neon) optimized for zero-refresh videotron displays.

Outcomes

  • Deployed to production at pbundip.web.id with reactive WebSocket subscriptions eliminating polling overhead.
  • Streamlined tournament court operations with dedicated umpire mobile controls and public videotron broadcasting.

Explore the project