https://github.com/richie-rich90454/all-in-one-timer
An all-in-one timer made with HTML, CSS, and JS utilizing Node.js to serve the web page.
https://github.com/richie-rich90454/all-in-one-timer
stopwatch-using-javascript time timer
Last synced: 29 days ago
JSON representation
An all-in-one timer made with HTML, CSS, and JS utilizing Node.js to serve the web page.
- Host: GitHub
- URL: https://github.com/richie-rich90454/all-in-one-timer
- Owner: richie-rich90454
- License: apache-2.0
- Created: 2025-02-23T23:39:46.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-12-12T02:51:56.000Z (4 months ago)
- Last Synced: 2025-12-13T09:50:26.263Z (3 months ago)
- Topics: stopwatch-using-javascript, time, timer
- Language: Java
- Homepage: https://richie-rich90454.github.io/all-in-one-timer/
- Size: 1.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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+ or -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**
```bash
git clone https://github.com/richie-rich90454/all-in-one-timer.git
cd all-in-one-timer
```
2. **Install dependencies**
```bash
npm install
```
3. **Run the server**
```bash
node server.js
```
4. **View in browser**
Open [http://localhost:6006](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
* **Developer**: [@richie-rich90454](https://github.com/richie-rich90454)
* **Font**: Google Fonts - Noto Sans
* **Audio**: Web Audio API
* **Framework**: Fastify + @fastify/static
* **Sites**: [richardsblogs.com](https://www.richardsblogs.com), [biszweb.club](https://www.biszweb.club)
---
## License
Apache-2.0 License - See [LICENSE](./LICENSE) for details.