I сhoosed Svelte+TailwindCSS to get more familiar with frameworks as I planning to use it on my next project(probably SvelteKit+TailwindCSS and SSR on Firebase function).

But to get started, decided to begin with something simple, pure Svelte+TailwindCSS and Firebase hosting.

And as my morning routine starts with some workout, decided to implement CrossFit timers.

This simple project allow me to understand more deeply: - work with components and cross-component communication - work with local storage (custom store), so you can save yours timers to local storage - PWA capabilities, you can install it on your device and it can work in offline mode. - get familiar with utility classes and configuration of Tailwind - deploy it to Firebase hosting

Few words about product's features: Four different timers available (Tabata, EMOM, AMRAP, RFT); possibility to save your timer; you can share your timers e.g. between your devices or with your friends or audience(for this purpose, custom URL parser/generator was implemented as Svelte doesn't support routing unlike SvelteKit/Sapper); PWA and Offline mode.

Conclusion/Impression: It's pleasure to work with Svelte, it allows you write well structured code, all concepts are understandable and easy to apply, pre built animations and transition, flexibility

With TailwindCSS you can quickly prototype UI components with any complexity with 99% of cases, otherwise extensions are available.

Firebase allowed me to deploy the app in few clicks and, as it just hosting, free quotes are available.