Need help with tomato-pie?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

t9tio
218 Stars 25 Forks Other 71 Commits 15 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

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

  • Clock styles: https://codepen.io/collection/moAia/2/

Similar tools

  • https://chrome.google.com/webstore/detail/marinara-pomodoro%C2%AE-assist/lojgmehidjdhhbmpjfamhpkpodfcodef
  • https://chrome.google.com/webstore/detail/task-timer/aomfjmibjhhfdenfkpaodhnlhkolngif
  • https://chrome.google.com/webstore/detail/timer/hepmlgghomccjinhcnkkikjpgkjibglj
  • https://chrome.google.com/webstore/detail/timer-25-the-minimalist-t/gmdbcklinofignhfmibchnmgjcocccbh
  • https://chrome.google.com/webstore/detail/timecamp-timer/ohbkdjmhoegleofcohdjagmcnkimfdaa
  • https://chrome.google.com/webstore/detail/timer-25-the-minimalist-t/gmdbcklinofignhfmibchnmgjcocccbh

Tech notes

  • Make background.js always running ref:
    1. in
      manifest.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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.