Asthma Log

Asthma medication comes with timing rules. The rescue inhaler needs at least four hours between doses. The controller nebulizer is morning and night. When two people share the job, memory and sticky notes stop working fast.

Every night came down to three questions: when was her last dose, is it too soon for another, and did she get both nebulizer treatments today? At checkups the pediatrician adds a fourth: how often is she using her rescue inhaler?

It's 7:45 and the morning nebulizer is due. Log the dose with a note, see it land in History, add a new medication, and head back to Dosage, where its card is already waiting.

The app opens on a Next dose card for each medication, before any form. A medication with spacing, like the rescue inhaler, shows the earliest next dose as a day and a time: Tomorrow, 12:30am, with a Too soon or OK to give label and a countdown.

A medication on a schedule, like the twice-a-day controller, works differently. It shows whether today's doses are done and when the next one is due, for example Completed and Tomorrow, Morning. One glance, no math.

Each medication is a button, so logging a dose is tap, check the time, save. A floating Log dose button stays at the bottom of every screen within thumb reach, and gets out of the way when the form is already on screen.

The model separates what a medication does from how it's given. Budesonide is a controller that happens to go through a nebulizer, and that distinction drives both the schedule and the chart.

History puts rescue and controller doses side by side for the last seven days. A day with more red than usual is easy to spot, and that's the pattern a pediatrician asks about.

Copy 30-day summary turns the log into plain text that pastes straight into a message or a patient portal.

Everyone who opens the link sees the same live log, so a grandparent can check the last dose without calling. Logging, deleting and changing medications take a family password, entered once per phone.

The password is checked by the database's own sign-in service, and its security rules refuse any change that doesn't come from the family account. Editing the page can't get around it.

Most doses get logged in a dark room by someone who just woke up. The small decisions were about that moment.

• check_circleA dark mode that doesn't light up the room, with a manual switch
• check_circleSource Sans 3, a humanist sans that stays readable at small sizes, and compact times like 12:30am
• check_circleAdd to Home Screen, so it opens like an app, plus offline support that syncs once the phone is back online
• check_circleA Last Dose line under the title on every tab, naming the medication and how long ago

I worked with Claude as a build partner. I set the direction and made the design calls, and Claude wrote the code. The app went from first idea to a live, shared tool in about two hours and a few dozen rounds of feedback, from renaming tabs and tightening spacing to moving the password check onto the server.

It's one HTML file hosted on GitHub Pages, with Firebase for the shared database and sign-in. That costs nothing to run and leaves very little to maintain.