Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
I recommend https://breathly.app/
It's open source, runs on iOS and Android and has aboslutely no clutter.
Very timely and helpful, thank you!
A suggestion: the pulse animation would look much better with ease-in / ease-out animation curves instead of the harsh linear curve it's currently using. EaseInOutSine from this cheat sheet would do fine: https://easings.net/
Awesome project! Reminds me of donothingfor2minutes.com from Calm, but with a different end goal of focus instead of calm.
Regarding mobile phones going to sleep, [Wake lock](https://developer.mozilla.org/en-US/docs/Web/API/WakeLock) might help (make sure to request within the context of the user hitting "start"). [Unfortunately on older mobile browsers](https://caniuse.com/wake-lock), the best workaround I found was using this [NoSleep library](https://github.com/richtr/NoSleep.js).
Source: ran into this same issue when building https://www.phonefreehour.com