How I wish there was a layout option I could select! ? Good old Microsoft Word picture layout options I had major issues with getting the tomato image positioned in the background under the other elements. There is a work/break display, timer countdown, and a play/pause button.īelow the timer, I had settings to modify the work and break duration, and a reset button. I loved the idea of using a tomato as the timer. My design principle is to keep the user interface clean and simple. I can customise the length of each pomodoro.I can reset the clock for my next pomodoro.I can start a 25 minute pomodoro, and the timer will go off once 25 minutes has elapsed.I had to fulfil the following user stories: After every 4 pomodoros, you can take a longer break. The Pomodoro Technique is a time-management framework which is as simple as it is effective - you use a timer to break your work into time blocks (usually 25 minutes), separated by a 5 minute break. This post documents my process of completing the Pomodoro Clock project. I embarked on my freeCodeCamp journey in Dec 2017, and am two projects shy of completing the Front-End Development Certificate. By Cynthia Lee How I built my Pomodoro Clock app, and the lessons I learned along the way

Pomodoro clock app