TimeMage

A Blazor PWA which has Timers, a Stopwatch, and Interval Timers.

I made this to learn Blazor and make a multiple timer application and interval timer to do High-Intensity Interval Training (HIIT) workouts
without having to pay $5 for an interval timer app or see ads on a multiple timer app.

You will need .Net 6 installed for this project. And the latest Visual Studio 2022 Preview

This project uses Azure Cognitive Speech Services
which you can see a quick start here.

I stored the subscription key and region of the Azure Cognitive Speech Services as user-secrets.
I placed them in appsettings.json when publishing to Azure. Like this:

 "Speech": {
    "SubscriptionKey": "[Your Subscription Key]",
    "Region": "[Your Region]"
  },

Also, uses BlazorAudioPlayer
You will need to install node.js and then in a cli (ctrl + ` to open in Visual Studio) navigate to the BlazorAudioPlayer and to run “npm install” before running the TimeMage.Server as startup project.

This uses BlazorStrap for modals.

Uses NoSleep.js to make it so the display will not turn off when running an IntervalSet on a mobile device.

It uses DistributedCache for caching the audio blob on the server and Blazored.LocalStorage for caching on the client.

Preloaded IntervalSets are from ATHLEAN-X™

TimeMage

Demo