Skip to content

RaphRiots/pomodro-timer-master

Repository files navigation

Pomodoro Timer with Sound

This is a simple pomodoro timer built for personal use ( any one can use ) for productivity💯


Features of this site:

  1. Bell(Hey Listen) plays when timer reaches its end
  2. Circular progress indicator
  3. Pause,resume and reset timer
  4. Save different time limits for focus time and break time, not visible though

Links

https://www.figma.com/file/bVHwfqgdixrp8TduzxzIJJ/Pomodoro?node-id=0%3A1&t=Pmt1eXm2pCKS8vwQ-1

  1. https://www.figma.com/file/bVHwfqgdixrp8TduzxzIJJ/Untitled?node-id=0%3A1&t=UQxslNSRyXQzfMTv-1 //Figma File
  2. https://www.figma.com/file/bVHwfqgdixrp8TduzxzIJJ/Pomodoro?node-id=0%3A1&t=Pmt1eXm2pCKS8vwQ-1 //Figma File II fals das erste nicht geht.
  3. https://www.youtube.com/watch?v=MtYR2vCs2R0 //Youtube Video of the Product
  4. https://abhik-b.github.io/pomodro-timer/ gitHub data I scrapped

Documentation

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.)

About

Clone of ABHIKB

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published