Què és?

Tea Timer és una aplicació web progressiva que vaig crear per fer seguiment de sessions de preparació de te amb precisió. Si has llegit la meva pàgina de passió pel te, saps que m’agrada molt el te especialitzat de fulla solta i preparar-lo de la manera xinesa tradicional (Gong Fu Cha). Això vol dir múltiples infusions curtes amb les mateixes fulles – de vegades deu o més infusions en una sola sessió.

La majoria de temporitzadors de cuina no funcionen bé amb aquest procés. Estàs gestionant una seqüència d’infusions on cadascuna necessita un temps una mica diferent. Tea Timer va ser creat per eliminar la càrrega mental de fer seguiment de tot això. Es pot fer manualment, però és molt més fàcil usar l’aplicació.

Disponible a: https://tea-timer.com/

Per què el vaig crear

Soc dels que ho fan tot amb molta precisió quan es tracta de preparar te. Sempre tinc una balança petita i un termòmetre a prop – no perquè segueixi directrius estrictes, sinó perquè si provo alguna cosa nova, vull saber exactament com he arribat a aquella preparació.

Volia una aplicació que:

• Em deixés configurar un temporitzador d’infusió i executar-lo
• Fes seguiment del número d’infusió actual i la durada total de la sessió
• Guardés la configuració de la sessió actual si tanqués la pestanya del navegador
• Em donés un avís uns segons abans que acabés el temporitzador per poder preparar-me

Després de no trobar res que s’hi acostés, vaig decidir crear la meva pròpia.

Com funciona

L’aplicació està dissenyada al voltant del concepte de sessions – cada te es pot infusionar múltiples vegades, amb ajustos de temps entre infusions per compensar que les fulles s’obren.

Funcionalitats principals:

• Configuracions predefinides de te per a varietats comunes (blanc, verd, oolong, negre, post-fermentat) amb temps d’infusió recomanats
• Perfils de preparació personalitzats on configures el teu propi temps inicial i increments per infusió
• Temporitzador de compte enrere amb barra de progrés visual i alertes d’àudio
• Avís de “preparat per servir” a T menys 5 segons perquè puguis preparar el teu gaiwan
• Seguiment de sessió que mostra el número d’infusió actual i la durada total de la sessió
• Estat persistent entre recàrregues de pàgina

Stack tecnològic

Tea Timer és una PWA d’una sola pàgina feta amb Vue.js i Vite, amb estils de Bulma per a dissenys responsius. Funciona completament al navegador sense backend – totes les dades de sessió es guarden a l’emmagatzematge local.

• Vue 3 + TypeScript per a la gestió d’estat reactiva i seguretat de tipus
• Capacitats PWA per a ús sense connexió i instal·lació a la pantalla d’inici
• Mode fosc amb detecció automàtica
• Controls de teclat (barra espaiadora per iniciar/pausar, tecles de fletxa per ajustos ràpids)
• Bloqueig de pantalla per evitar que la pantalla s’apagui durant la preparació activa
• Notificacions d’àudio per no perdre cap alerta

L’aplicació està allotjada a GitHub Pages amb desplegaments automàtics via GitHub Actions.