Webapp

Pro KOTC setup. 

Per-Set Score System

1. Best-of-3 or Best-of-5 sets
   
   

   • Each match shows Set 1, Set 2, Set 3, Set 4, Set 5 (extra sets optional depending on match type).
     
     

   • Editable inputs for Team A and Team B per set.
     
     

   • Validation ensures that 0-0 scores trigger the confirmation alert (Yes / No / Canceled + reason).
     
     

2. Match Registration
   
   

   • The Register Scores button collects all input per set per court.
     
     

   • Scores are stored in a match history array so we can undo/redo rounds.
     
     

   • Promotion / Degradation is calculated after each round automatically.
     
     

3. Scoreboard & History
   
   

   • Below courts, a fully editable table lists:
     
     

     • Court
       
       

     • Team A / Team B players
       
       

     • Set 1–5 scores
       
       

     • Winner
       
       

     • Links to edit scores if needed
       
       

   • Matches already played stay visible and editable.
     
     

4. Exports
   
   

   • TXT: Preformatted text including all sets, player names, winners, and the webapp link.
     
     

   • PDF: Styled table with all match history, sets, and webapp link.
     
     

   • WhatsApp: Preformatted summary for easy copy-paste with webapp link.
     
     

5. UI & Layout
   
   

   • Keep purple, blue, yellow theme
     
     

   • Big inputs for mobile
     
     

   • Tel-op / aftelklok visible and configurable
     
     

   • Text size & UI zoom sliders
     
     

Features Implemented

1. Tel-op + aftelklok side by side, fully configurable.
   
   

2. Shuffle, Start Match, Next Round, Register Scores, Undo, Reset, Hall of Fame buttons working.
   
   

3. Scoreboard below courts with all matches, editable per-set scores.
   
   

4. 0-0 alert with options: Yes / No / Canceled (reason required).
   
   

5. Promotion / Degradation automatically applied.
   
   

6. Best-of-3 / Best-of-5 sets, games up to 7+ per set.
   
   

7. Export: TXT, PDF, WhatsApp (preformatted with webapp link).
   
   

8. Layout: Purple, blue, yellow, mobile responsive.
   
   

9. Sliders: Text size and overall UI zoom.
   
   

10. Admin mode for Undo & Register.

Tailwind CSS layout

Your favorite color palette: purple, blue, light blue, yellow, with black/white text where it looks nice

Mobile-friendly responsive design

Fully working buttons: Shuffle, Start Match, Finish/Next Round, Undo, Reset, Register Scores, Hall of Fame, Export TXT / PDF / WhatsApp

Tel-op (countup) + aftelklok (countdown) side by side, configurable

Match history with per-set scores (games up to 7+, 1–5 sets per match)

0-0 alert with Yes / No / Canceled + reason

Automatic promotion/degradation

Undo / Back per round

UI resize & text size sliders

Best-of-3 / Best-of-5 sets

Hall of Fame tracking Court 1 appearances

Export functions include webapp link at the bottom: https://sites.google.com/view/kotcp/webapp

example for design:

https://sites.google.com/view/championofthecourt/v4-001 

Shuffle / Start / Next Round / Undo / Reset / Register / Hall of Fame / Export TXT / PDF / WhatsApp

Tel-op + aftelklok tegelijk, instelbaar

0-0 alert met JA/NEE/GEANNULEERD + reden verplicht

Best-of-3 / Best-of-5 sets

Promotie / degradatie automatisch

Matchgeschiedenis per baan zichtbaar

Editable scores & undo

Sliders voor UI zoom en tekstgrootte

Hall of Fame / King berekening

Excel/TXT/PDF/WhatsApp export inclusief link

Functionaliteiten

1️⃣ Match & Score beheer

• 2 tegen 2 per baan, Best of 3 / Best of 5 sets
  
  

• Score invoer via number inputs en sliders, max instelbaar
  
  

• 0-0 alert: verplicht JA / NEE / GEANNULEERD + reden invullen
  
  

2️⃣ Promotie & degradatie

• Automatische verplaatsing van winnaars naar hogere baan
  
  

• Verliezers naar lagere baan of blijven op baan 3
  
  

• Spelers nooit met dezelfde medespeler in volgende ronde
  
  

3️⃣ Geschiedenis & scoreboard

• Alle gespeelde potjes + sets + scores onder elk court zichtbaar
  
  

• Editable scores: correcties mogelijk
  
  

• Undo vorige ronde of individuele match
  
  

4️⃣ Klokken

• Tel-op klok (loopt op)
  
  

• Aftelklok (instelbaar, default 30 minuten)
  
  

• Beide zichtbaar naast elkaar, instelbaar
  
  

5️⃣ UI / Design

• Tailwind club look: kaarten per court
  
  

• Responsive mobile design
  
  

• Sliders voor tekstgrootte scores en UI zoom
  
  

• Admin beveiliging voor registraties & undo
  
  

6️⃣ Hall of Fame & King

• Automatische berekening King of the Court
  
  

• Alle spelers overzicht met #rondes op baan 1
  
  

• Excel, TXT, PDF export inclusief matchgeschiedenis + promotie/degradatie
  
  

• WhatsApp export als preformatted text + link: https://sites.google.com/view/kotcp/webapp
  
  

• TXT en PDF altijd met link onderaan
  
  

7️⃣ Buttons

• Shuffle / Start Match / Register Scores / Next Round / Undo / Reset / Hall of Fame / Export (TXT / PDF / WhatsApp)