exerciser's Introduction

Deployed at:	Built with

Interval exerciser

Description

This is an interval timer app with a few preset workouts. I built it entirely for my use. Hit start and it will guide you through the workout with voice cues. Each exercise and time interval can be customized, but nothing will be saved between sessions.

APIs used

SpeechSynthesis: this Chrome develepors article and the MDN entry were helpful. I wrote a web speech demo in svelte while learning.
WakeLock API: again I referred to this web.dev article and the MDN entry to learn how to keep the screen awake.

Colours

I used my own OKLCH colour palette picker to generate colours. Its also deployed at vercel, but for some reason the sizing is off. If anyone has suggestions on how to fix that, please let me know.

exerciser's People

Contributors

Watchers

exerciser's Issues

create menu

single icon top right with dropdown

show next exercise during rest

countdown beeps

create timers

transitions on page

show seconds countdown?

prevent screen dimming

fix speech issue

web speech api is called to say next exercise 3 seconds before rest ends. This works well, except for the first exercise. I assume this is an issue with component mounting and the async nature of loadVoices(), but unsure

Recommend Projects