Skip to content
A new UI for Pomodoro Technique. Schedule your time directly with a clock.
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 8120683 Oct 22, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
blog fix update link Oct 22, 2019
src fix update link Oct 22, 2019
.editorconfig
.eslintrc v1.0 Feb 24, 2019
.gitignore
.scss-lint.yml add driver.js Sep 15, 2018
LICENSE default new tab configurable Mar 12, 2019
README.md
package-lock.json category color Aug 30, 2019
package.json

README.md

Join us

Tomato Pie

A new UI for Pomodoro Technique. Peek into your working status with ease.

Install

From Chrome Web Store or manually

Recent updates

Features

  • 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

Screenshots

Editing Todo list

Doing Pomodoro

Develop

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

Architecture

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

Build and publish

# update verision in src/manifest.json
npm run build
# zip dist file and upload to chrome webstore

Refs

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: https://codepen.io/Alca/pen/ZeKjmB

Thanks

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