Easy Timer
Utility Software
Summary
This product concept is a timer application that's live and shareable with anyone using a web address. Everyone shares the same countdown timer, and those with an access code can pause and reset it. Typical users would be coaches, athletes, or game participants. This app was developed to explore using stateful servers that push events to clients while allowing selective control without authentication.
Media
Project Links
Design / Tech
Code:
- Elixir,
- HTML,
- CSS,
- JavaScript
App:
- Phoenix LiveView
Design:
- Tailwind
Testing:
- Sizzy
Process
My project mentor and I first defined the features and possible implementation. I then sketched a prototype and began app development. We discussed how new timers would be created, controlled, and how web browsers would show them. By taking turns programming through live screen sharing, we gradually built a working timer. I then designed UI screens; added admin authentication; created a 'custom' timer option with multiple, sequential timers; and wrote extensive code to check for errors and provide clear user feedback.
Summary
This product concept is a timer application that's live and shareable with anyone using a web address. Everyone shares the same countdown timer, and those with an access code can pause and reset it. Typical users would be coaches, athletes, or game participants. This app was developed to explore using stateful servers that push events to clients while allowing selective control without authentication.
Project Links
Process
My project mentor and I first defined the features and possible implementation. I then sketched a prototype and began app development. We discussed how new timers would be created, controlled, and how web browsers would show them. By taking turns programming through live screen sharing, we gradually built a working timer. I then designed UI screens; added admin authentication; created a 'custom' timer option with multiple, sequential timers; and wrote extensive code to check for errors and provide clear user feedback.
Media
Design / Tech
Code:
- Elixir,
- HTML,
- CSS,
- JavaScript
App:
- Phoenix LiveView
Design:
- Tailwind
Testing:
- Sizzy




