Summary

This product concept is a timer application that's live and shareable with anyone using a web address. People with multiple devices around the world can see the same synced clock, counting down. Administrators with an access code can pause and reset the timer for everyone. Typical users could be coaches, athletes, or game participants. This application was developed to explore using stateful servers that push events to clients while allowing selective control without authentication.

Media

Project Links

GitHub Repo

Features

Create a single timer for up to 24 hours
Upload a spreadsheet with multiple, sequential timers
No user registration nor login needed
Get a live web address for your timer
Use a shareable passcode to control the timer from any web browser

Design / Tech

App:

Phoenix LiveView

Code:

Elixir,
HTML,
CSS,
JavaScript

Libs:

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.