Show HN: MyTimers.app offline-first PWA with no build step and zero dependencies
mytimers.appHello,
For quite some time, I've been unsatisfied with the built-in timers on both Android and iOS; especially for workouts, when I needed to set up a configurable number of series with rest periods in between. That's when I started thinking about building something myself. It was just a timer and I said to myself "how hard could it be?", I had no idea.
The first iteration of the project worked "just fine", but the UI was an eyesore (even more than it is now), and the UX was quite awful as well. As you can probably guess, I'm not versed in design or front-end development. In fact, my last real experience with front-end work was back when jQuery was still a thing.
However, I knew what I wanted to build, and over the last few days (and with the help of the infamous AI) I was able to wrap up the project for my needs. It required quite a lot of "hand holding" and "back and forth", but it helped me smooth out the rough edges and provided great suggestions about the latest ES6 features.
The project is, as the title states, an offline-first PWA with zero dependencies; no build step, no cookies, no links, no analytics, nothing other than timers. It uses `Web Components` (a really nice feature, in my opinion, though I still don't get why we can't easily inherit styles from the global scope) and `localStorage` to save timers between uses.
I'd appreciate any comments or suggestions, since I just want to keep learning new things.
respect for shipping something that solves your own problem. that's always the best starting point.
the zero dependencies thing is admirable but might be limiting you on UX polish. sometimes pulling in one small lib for date/time handling or a basic component system saves you weeks of reimplementing stuff. technical purity is great until it stops you from shipping faster.
here's what would actually help: watch 3-5 people try to use it without your help. literally just say "hey can you create a workout timer" and don't explain anything. you'll find the confusing parts immediately - way faster than iterating in isolation. then fix those specific pain points instead of everything at once.
This is exactly what I want when baking bread: I have a fixed sequence of steps, spaced quite far apart, and this is pretty much perfect: a series of relatively short breaks when autolysing and kneading, then waiting 10 hours overnight, then waiting 75 minutes after proofing.
I'm not sure how well this will work on a mobile; the service worker might be stopped after a few hours, particularly with the screen off overnight
I find it a little overwhelming.
Like erikrthoff suggested, I'd drop the light mode toggle and just go with prefers-color-scheme. Then I'd move the X buttons to the top-right of their respective sections (timers, segments), and move the Add Timer button underneath.
Mockup: https://i.imgur.com/EcSHX7S.png
Pet peave: don’t have a massive button for dark mode, just listen for the OS setting.
If you really want to learn: Watch some people (your mom, neighbor or friends) use the app. Literally tell them "Hey look here's a new tool, can you set a couple of timers for me." and sit beside them and watch them use it. Don't tell them anything, just watch.
You will learn SO MUCH!
Thank you! I have been dreaming of building a similar app, with the addition that I wanted to track my heart rate at the same time. I would use it for HIIT gym sessions where the segments are asymmetrical (60 seconds vs 30)
I think you need a favicon for when installed on the homescreen. This tool provides all the necessary html: https://realfavicongenerator.net/
I built something similar! I also wanted a timer for multiple phases wity varying time. I use it for setting a time limit on various task so I don't get distracted or too invested into something without getting stuff done.
Also zero analytics and all that other stuff: https://timer.bryanhogan.com/
I have a suspicion that someone holds worldwide patents on multi timers with repetitions and notifications (audio and vibration).
Thats the only explanation I have to explain the dire state of the built in timers on iphones and the free apps available on the app store. And no, I’m not going to pay $$$ per month for the premium apps.
And don’t even get me started on the PITA it is to make a web app to do the same (useful for runners) - you would think it would be a simple thing todo? Have a go and let me know if it doesn't break your balls.
Are you referring to the Pomodoro "business" and their trademarks? I actually thought it was just for use of the name 'Pomodoro'
There are a lot of successive/repeat timer apps on the stores it's mostly catered to either people with ADHD or people timing their workouts. I don't understand why no one includes it in the standard clock apps especially how often they redesign/rewrite them.
Much-needed app, thanks for the same. For some time, I have been thinking about a similar app for the simple requirement of sounding every 25 to 30 minutes while working on a computer just to give rest to the eyes, but I was unable to find a suitable one. The "offline-first PWA with zero dependencies; no build step, no cookies, no links, no analytics, nothing other than timers" gives it a really usable coat for both desktop and mobile
Congratulations on shipping. I had a similar idea a while ago after noticing a company at beach using multiple stop-watches to keep track of people renting kayaks and jetskis.
Kudos for sharing the app, but that is some convoluted and overwhelming UI.
Hi, Congratulations on mytimers.app. The graphics are too basic, but they need some work. Is it possible to create a timer other than 1 minute? I don't understand how.
Otherwise, keep it the same. Thanks
This confused me as well. You are supposed to enter the number of seconds way below.
btw I would also like to be able to enter a time between segments. For example 3 minute segments with 1 minute of rest between them.