This is a simple pomodoro timer built for personal use ( any one can use ) for productivity💯
- Bell(Hey Listen) plays when timer reaches its end
- Circular progress indicator
- Pause,resume and reset timer
- Save different time limits for focus time and break time, not visible though
https://www.figma.com/file/bVHwfqgdixrp8TduzxzIJJ/Pomodoro?node-id=0%3A1&t=Pmt1eXm2pCKS8vwQ-1
- https://www.figma.com/file/bVHwfqgdixrp8TduzxzIJJ/Untitled?node-id=0%3A1&t=UQxslNSRyXQzfMTv-1 //Figma File
- https://www.figma.com/file/bVHwfqgdixrp8TduzxzIJJ/Pomodoro?node-id=0%3A1&t=Pmt1eXm2pCKS8vwQ-1 //Figma File II fals das erste nicht geht.
- https://www.youtube.com/watch?v=MtYR2vCs2R0 //Youtube Video of the Product
- https://abhik-b.github.io/pomodro-timer/ gitHub data I scrapped
I was looking in the Internet for a simple but functional Pomodoro Timer, after countless hours of looking at the Code, I noticed that alot of them use different JS codeds and "plug-ins" wich I didnt know, or reconised.
Finaly, on my last Breath if found this Video of Guy wich makes a Timer with Vanilla JS, CSS and HTML. He explaind it pretty good, even I could understand what he was talking about.
Fastforward I made it happen and tweaked around,till it satisfied my Needs. After a strange Error, in wich i put a div into a Form Container it worked all well again.
So here it is. My Pomodoro Timer with Audio (Hey Listen.)