I deliver workshops for Canada Learning Code, and I often find myself needing a timer for the work sessions within the workshops. All of the MacOS timers I've found so far either won't work on top of a full-screen app, or are glued to the top bar. This app overcomes both of these limitations.
Download the app from the releases page. The app isn't signed, so you can try running it anyway by following these instructions. If that doesn't work, see the instructions below on how to build it yourself.
Set the time by clicking on the desired time unit (i.e. hours, minutes, or seconds) and entering the desired time. You can also use the up and down arrow keys to add or remove time. Press "start" to kick off the timer!
Countdown is an electron app that packages up an underlying react app. Overkill? Definitely. But I didn't want to go about learning Swift, and I'd been wanting to play around with electron/react.
- Make the app resizable
- Allow time entry with number keys
- Make the
Clockcomponent adhere to the ARIA timer specification - Make available for Windows?
- Add colour control?
Ensure git, node, and optionally yarn are installed. (I find it easiest to do this via homebrew.)
From the command line (i.e. terminal):
- Clone the app:
git clone https://github.com/adoxography/countdown && cd countdown - Install the dependencies:
yarnornpm install - Run
yarn startornpm startto start the development server - Run
yarn buildornpm run buildto build the app (into thedist/folder)
- SVGs for the digits were taken from 7 Segment Digital Clock - HTML + CSS + JS(video)
- How to build an Electron app using Create React App and Electron Builder