DEV Community

loading...
Cover image for JustBreathe.xyz - Taking the anxiety out of guided deep-breathing

JustBreathe.xyz - Taking the anxiety out of guided deep-breathing

koabrook profile image Koa ・2 min read

There are a myriad of deep-breathing applications and websites out there that aim to alleviate stress, anxiety and improve overall well-being. Deep breathing can be a complex topic and most solutions out there provide a large number of options, settings and instructions depending on what the users want to achieve (for example calming anger, qualming an addictive urge, getting to sleep). Even worse, some apps have ads, videos and pop-ups.
As someone who has witnessed panic attacks, I wanted to create a deep-breathing app that removed the jargon and complication and would help a user in the midst of a panic attack to breathe calmy, slowly and deeply. Hence, JustBreathe.xyz was born.
Simple deep breathing with JustBreathe.xyz

JustBreathe is an ultra-minimalist web-app that works on desktop and mobile browsers. On the technical side it's made in basic HTML, CSS (including transitions) and a little JS. The code is as simple as the app itself. I chose a gentle, neutral colour-scheme and an expanding-circle visual cue. The app has three settings- shallow, medium and deep (all of which follow researched deep-breathing timing) which are activated with a simple button press. Outside of this, there are no sounds, no complicated settings and nothing to distract the user from just breathing.

By saving the JustBreathe web-app to their homescreen, a panicking user can simply hit the icon and start controlling their breath immediately. No noise, no jargon, no guided tour, just simple deep breathing. The absence of clutter is incredibly important and I hope that JustBreathe.xyz solves the problem of complicated apps being too much for a panicking individual in the midst of an attack.

Discussion (0)

pic
Editor guide