hsoc / ketchup

Pomodoro timer in React

ketchup

A pomodoro technique timer

Build with React with the help of webpack and babel. Saves data on Local Storage.

Setup

npm install
npm start  # watch files and auto webpack build
npm run build  # webpack build
npm run prod  # webpack -p (production build)

What is Pomodoro?

• http://pomodorotechnique.com/
• https://en.wikipedia.org/wiki/Pomodoro_Technique
• https://medium.com/swlh/how-to-work-40-hours-in-16-7-d9038681e652#.6mi2c9h5b
• https://medium.com/skhack-life-2-0/multiply-your-productivity-with-pomodoro-eeac2645a78e#.76017pmwu

Palette

https://coolors.co/app/2b2d42-8d99ae-edf2f4-ef233c-d90429

Todo

• Edit task
• Fix alarm sound
• Tooltips for help
  • http://www.tippedjs.com/
  • http://iamceege.github.io/tooltipster/
  • http://www.opentip.org/
  • https://github.com/react-component/tooltip
  • http://getbootstrap.com/javascript/#tooltips
  • More info about pomodoro
• Logo
• Desktop notifications
• Make pause button to resume when clicked
• Tasks export

License

MIT