Pieni pysähdys arkeen – kevyt ja rauhallinen ajastinsovellus taukoja varten
Nykyään moni meistä viettää tunteja tietokoneen tai puhelimen ääressä – joskus niin uppoutuneena, että ajantaju katoaa ja tauot unohtuvat.
Usein ajattelemme “otan tauon, kun tämä on valmis”, mutta jatkamme silti keskeytyksettä, vaikka keho ja mieli kaipaavat taukoa.
Tämä ei ainoastaan vähennä tehokkuutta, vaan myös väsyttää meidät henkisesti ja fyysisesti.
Tein tämän pienen sovelluksen muistuttamaan lempeästi, milloin on aika hengähtää.
Ensimmäinen versio syntyi viime joulukuussa: painiketta painamalla 30 minuutin kuluttua soi musiikki ja ilmestyi pieni ilmoitus.
Nyt sovellus on kasvanut – mukana on vedettävä pääkortti, näkyvyyttä vaihtava edistymispalkki, mukautettava ajastin (5–120 min), ja ennen kaikkea täsmällinen ajastin, joka jatkaa laskentaa vaikka välilehti olisi taustalla.
Sovellus toimii myös PWA-sovelluksena: voit lisätä sen aloitusnäyttöösi ja käyttää kuin mobiilisovellusta – myös ilman nettiyhteyttä.
Miten sovellus toimii
1.Päänäkymä (Main Card)
🔸Paina Set Timer -painiketta.
2. Ajastimen asetus (Set Timer)
🔸Valitse aika – esimerkiksi 30 minuuttia – tai aseta mukautettu ajastin (5–120 min) ja paina Start.
3.Ajastuksen eteneminen
🔸Ajastin jatkaa toimintaansa myös taustalla, vaikka vaihtaisit välilehteä.
🔸Kun aikaa on jäljellä alle minuutti, edistymispalkki muuttuu oranssiksi.
🔸Kun aika päättyy, kuulet äänen (tai värinän) ja näet ilmoituksen ja painaa OK sulkeaksesi Break-modaalin ja lähde tauolle!
Vinkkejä ja lisäominaisuuksia
🔸Change Background -painikkeella voit valita eri taustakuvia.
🔸Voit siirtää pääkorttia hiirellä haluamaasi kohtaan.
🔸Silmäkuvakkeella (Show/Hide Countdown) voit näyttää tai piilottaa edistymispalkin ja laskurin.
🔸Huomio: Jos laitteen näyttö on sammuksissa tai lukittu, ajastin ei ilmoita tauosta ennen kuin näyttö käännetään päälle.
Tämä on tarkoituksellista — sovellus muistuttaa vain silloin, kun käytät aktiivisesti laitetta.
🔗 Kokeile sovellusta: Break Reminder New
Mikä tekee sovelluksesta omannäköisen
🔸Yhtenäinen UI-design (Liquid Glass style) – pehmeät, puoliläpinäkyvät painikkeet, skaalautuvat SVG-ikonit ja leijuva pääkortti luovat rauhallisen, modernin ilmeen.
🔸Taustakuvat – joista kaksi on omia valokuviani – valittu tukemaan rauhallista ja keskittynyttä työskentelyä.
🔸Parempi saavutettavuus – painikkeilla on kuvaavat aria-label-attribuutit, mikä helpottaa ruudunlukijoiden käyttöä.
🔸Monikielisyys – käyttöliittymä voidaan kääntää eri kielille tulevaisuudessa.
🔸PWA-tuki – toimii myös offline-tilassa ja sen voi lisätä aloitusnäyttöön mobiililaitteilla.
Lähdekoodi ja ohjeet GitHubissa
Sovellus on julkaistu GitHub Pages -palvelussa – avoin ja ilmainen käyttää.
Voit lisätä sen aloitusnäyttöösi ja käyttää kuin mobiilisovellusta –
missä ja milloin tahansa, myös ilman nettiyhteyttä.
💻Katso projekti GitHubissa
Pieni muistutus voi joskus olla juuri se hetki, joka pysäyttää ja antaa hengähdystauon.