Skip to content

ali4ever4/tomato-pie

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tomato Pie

A new UI for Pomodoro Technique

Install

From Chrome Web Store or manually

Features

  • A mac os reminder like todo list
  • Pomodoro Technique
    • show tomatoes of last 12 hours on clock
    • red part: 25 minutes for one tomato
    • green part: 5 minutes for rest
    • get notifications when a tomato is finished
    • view tomato history
  • override default page for new tab (You can always turn it off at chrome://settings/)
  • indicate time on the extension icon

Screenshots

Editing Todo list

Doing Pomodoro

Develop

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

Architecture

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

Build and publish

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

Updates

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

Plans

  • notify user when extension is updated ref

Thanks

  • Layla and Joshua for meaningful discussions

Packages

No packages published

Languages

  • JavaScript 68.4%
  • CSS 23.5%
  • HTML 8.1%