Built With Stencil

Stencil Statemachine Prototype

Simple app used to prototype the use of a state machine pattern for orchestrating component logic.

Based on the patterns described in this medium post, the application's main component transitions between three states:

  • Home - Choosing the session type - currenly just "breathing"
  • Config - configuring the breath session. Currently just how many rounds of breath, but intent to extend to configuring the 4 durations - inhale, hold, exhale & hold.
  • Session - show the visualization for the breath practice