tomato-pie

by t9tio

t9tio / tomato-pie

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

207 Stars 25 Forks Last release: over 1 year ago (v2.0) Other 71 Commits 3 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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.