Chinese Debate Timer

A clean timer page for Chinese debate rounds, built with vanilla HTML, CSS, and JavaScript.

html javascript css
View on GitHub →

Overview

A simple, focused timer designed specifically for Chinese-format debate rounds. Built with vanilla HTML, CSS, and JavaScript — no frameworks, no dependencies, just a clean page that does one thing well.

Meant to be opened in a browser during debate practice or competitions, giving speakers and timekeepers a clear, easy-to-read countdown.

Features

  • Preset timers for standard Chinese debate round segments
  • Clean, large-format display readable from a distance
  • Start, pause, and reset controls
  • Visual and/or audio alerts when time is running out
  • Works entirely in the browser — no installation needed

Tech Stack

  • Frontend: Vanilla HTML, CSS, JavaScript
  • Hosting: GitHub Pages (static site)

What I Learned

A small project, but a good reminder that not everything needs a framework. Vanilla HTML/CSS/JS was the right tool here — fast to build, zero dependencies to maintain, and it just works in any browser. I also learned to think about UX for a specific context: a debate timer needs to be readable from across a room, so font sizes, contrast, and visual cues for time warnings all had to be considered carefully.