t9tio / tomato-pie

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

Home Page:https://chrome.google.com/webstore/detail/gffgechdocgfajkbpinmjjjlkjfjampi

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Join us

Tomato Pie

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

Install

From Chrome Web Store or manually

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

About

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

https://chrome.google.com/webstore/detail/gffgechdocgfajkbpinmjjjlkjfjampi

License:Other


Languages

Language:JavaScript 70.1%Language:CSS 22.0%Language:HTML 7.9%