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 entenen aquest procés. No estàs simplement posant un sol temporitzador – estàs gestionant una seqüència d’infusions on cadascuna necessita un temps lleugerament diferent. Tea Timer va ser creat per eliminar la càrrega mental de fer seguiment de tot això.

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 en cas que tanqués la pestanya del navegador (perquè segur que ho faig)
• 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 pensar que hauria de desenvolupar la meva pròpia. Un moviment clàssic de programador, ho sé.

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, pu-erh) 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 la teva tassa
• 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 – continua on ho vas deixar si t’interrompen

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 i alternador manual
• 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 amb alertes personalitzables

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

Què vaig aprendre

Crear això em va reforçar que de vegades la millor eina és la que fas tu mateix. Faig servir Tea Timer cada dia, i que funcioni exactament com vull (sense funcionalitats innecessàries ni friccions) ha valgut la pena l’esforç.

És una eina petita i enfocada que fa una cosa bé: ajudar-te a preparar millor te sense pensar massa en el rellotge.