Skip to content
A new UI for Pomodoro Technique
Branch: master
Clone or download
Latest commit 2409fdf Mar 22, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
src release 2.0 Mar 22, 2019
.editorconfig functional Sep 14, 2018
LICENSE update readme Mar 18, 2019
package-lock.json v1.0 Feb 24, 2019

Tomato Pie

A new UI for Pomodoro Technique. Schedule your time with a clock.


From Chrome Web Store or manually


  • start new pomodoro from TODO list
  • red part: 25 minutes for one tomato
  • green part: 5 minutes for rest
  • show tomatoes of last 12 hours on clock
  • view tomato history on calendar
  • override default page for new tab
  • indicate time on the extension icon
  • get notifications when a tomato is finished


Editing Todo list

Doing Pomodoro


  1. npm start
  2. Navigate to chrome://extensions/
  3. Click the load unpacked button and load dist folder


store ==> render function ==> view =update=> store

Build and publish

npm run build
# zip dist file and upload to chrome webstore


Similar tools

Tech notes

  • Make background.js always running ref:
    1. inmanifest.json, add background in permission key
    2. in manifest.json, don't add persistence: false in background key
  • clock animation:


  • 2019-03-07: add textarea; preventing notification disappearing #4


  • notify user when extension is updated ref


  • Layla and Joshua for meaningful discussions
You can’t perform that action at this time.