Pomodoro Kirby

• Recreate the concept of the Pomodoro Timer (25 mins working block and 5 minute break)
• More info on Pomodoro Technique here.
• Example Chrome Extension
• Have tested the 25minutes in a 5 second module and 5 minute break in a 3 second module
• Timeline: Ship in 5 days Finished in 6 days.

Coding Process:

1.Figure out the main components needed for Google Chrome extension.

• Simple HTML / CSS / JS

2.Download the Manifest.json file.

• This is where the information is read.
• JSON file is a data format to store simple JS Data. Quite common in previous projects
• Set up the template

3.Link the Popup html Template.

• Did not need to use much of this.

4.Test onClick function()

• The tutorial here was a simple example that I could replicate()
• Used the browser UpdateIcon button.
• Have to turn it back to the other timer..?

5.Structure for the two main functions startFirstTimer and startSecondTimer.

• Change icon
• Have a time mechanism
• Change the strings for the timer and reset them once complete
• Add audio

Future to do:

• Change the seconds to real minutes
• Change the audio
• Record history and create a database to analyse one's productivity
• Interact with FB Messenger bot

---

To test the extension:

• Clone this repo
• Go to Chrome --> More Tools --> Extensions
• Toggle Developer Mode
• Load unpacked with the cloned repo