Skip to content

richie-rich90454/all-in-one-timer

Repository files navigation

All-in-One Timer Tool

A lightweight, responsive web timer suite that includes:

  1. Stopwatch – Live stopwatch with start, stop, and reset.
  2. Countdown Timer – Custom countdown with flash and alert.
  3. Current Time Display – Local time with UTC offset. Served with a no-cache Fastify server. Just run node server.js and go!

Features

Stopwatch

  • Start/Stop toggle button
  • Reset functionality
  • Millisecond precision

Countdown Timer

  • Input fields for Hours / Minutes / Seconds
  • Visual flash and audible alert on time-up
  • Title change on completion

Current Time

  • Updates every 50ms
  • Displays (UTC±offset) from user’s local timezone

Tech Stack

  • HTML/CSS/JavaScript (vanilla + jQuery)
  • Web Audio API for sound alert
  • Fastify for local static hosting

Setup

  1. Clone the repository
git clone https://github.com/richie-rich90454/all-in-one-timer.git
cd all-in-one-timer
  1. Install dependencies
npm install
  1. Run the server
node server.js
  1. View in browser Open http://localhost:6006

Usage

Stopwatch

  • START to begin
  • STOP to pause
  • RESET to clear

Countdown

  • Set hours, minutes, seconds
  • Click Set Countdown
  • Watch timer with alert and flash

Current Time

  • Live digital clock with milliseconds
  • Shows local UTC offset

Project Structure

.
├── favicon.png           # App icon
├── index.html            # HTML UI layout
├── script.js             # Timer logic (stopwatch, countdown, clock)
├── server.js             # Fastify config
├── package.json          # Node dependencies
└── README.md             # You're reading it

Credits


License

Apache-2.0 License – See LICENSE for details.

About

An all-in-one timer made with HTML, CSS, and JS utilizing Node.js to serve the web page.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published