An interactive clock application built with Next.js.
This project combines 3 time tools in a single interface:
- Digital clock (with timezone support)
- Stopwatch (with lap tracking)
- Pomodoro timer (25/5 work-break cycle)
- Live clock display: Updates hours/minutes/seconds and date in real time.
- Timezone selection: Switch between Local, UTC, and multiple city timezones.
- Stopwatch: Start/pause, reset, and lap recording.
- Pomodoro: Work/Break modes, remaining time indicator, and completed session counter.
- Custom UI style: Neon cyberpunk design, glitch effects, and terminal-inspired interface.
Next.js 14React 18TypeScriptCSS(custom theme via global stylesheet)
Run the following commands to start the project locally:
npm install
npm run devThen open:
npm run dev- Starts the app in development mode.npm run build- Creates a production build.npm run start- Runs the production build.
.
├─ app/
│ ├─ layout.tsx # Root layout and metadata
│ ├─ page.tsx # Main clock/stopwatch/pomodoro interface
│ └─ globals.css # Global styles and animations
├─ next.config.mjs
├─ package.json
└─ README.md
- The app is currently designed as a client-side (
use client) single-page experience. - Pomodoro durations are hardcoded in the source (
25 minwork,5 minbreak). - Design language and UI copy are customized around the "VOID.TERMINAL" theme.
This project may currently be intended for private/internal use. If you want to open-source it, you can update this section with MIT (or your preferred license).