pomodoro web app.

time is fleeting

SCOPE.
time management

TECH.
HTML, CSS, JS

PLATFORM.
online

A web app for time management with the pomodoro technique. Beat procrastination with the effective and tested method of pomodoro.

pomodoro web app.

time is fleeting

SCOPE: time management

TECH: HTML, CSS, JS

PLATFORM: online

A web app for time management with the pomodoro technique. Beat procrastination with the effective and tested method of pomodoro.

HELLO WORLD.

Hello world! This is our first ever deployed web app. The app utilises the pomodoro technique for better time management.

For those familiar with italian cuisine, ‘pomodoro’ is just the italian word for tomato.

But we’re not talking about spaghetti with tomato sauce here – although cooking and eating spaghetti is one of the best time investments one can make.

We’re talking about time management or – ominous music in the background – focus and productivity.

WHAT IS THE POMODORO TECHNIQUE?

The ‘Pomodoro Technique’ is a popular and quite effective time management technique.

It was formulated by Francesco Cirillo in the late 1980s, when he was a university student. He used a small kitchen timer in the shape of a tomato, hence the name ‘pomodoro’.

In its core, all this technique does is to break working on a task into small intervals, called ‘pomodoros’. The standard focus duration is 25 minutes, and that’s what we use in our time management web app.

After each working interval follows a 5-minute break. If you complete four pomodoros, you take a longer break of 15 minutes.

That’s it!

Easiest than cooking spaghetti although, one must readily admit, not as tasty.

THE CLASSIC POMODORO TECHNIQUE IN STEPS.

Let’s get more practical…

The effectiveness of the Pomodoro Technique lies in its simplicity.

STEP 1.choose a task

Any task that you need to see completed – big or small, simple or complicated, it matters not.

You only have to pick a task, name it and write it down. Use a short, simple phrase to describe it.

You must be determined that this task will be the sole focus of your full, undivided attention for the upcoming time.

STEP 2.focus on the task

After you have picked your target, start your timer. Set an interval of just 25 minutes.
Ready? Go!

No mobile checking, no social media, no emails, no playing with the dog, no satisfactions of snack cravings.

Don’t try to focus; just work on the task in hand for 25 minutes, with no interruptions.

TIP: If you momentarily loose your focus or an idea hops in mind, just write it down in a notebook, and return to your task.

Work towards your goal until the time is up.

STEP 3.take a short break

After working on your task for 25 minutes straight, congratulations, you have completed a ‘pomodoro’.
Now you deserve a break – just a short one of 5 minutes.

Put a small marker on your paper, after or under the task, to note your progress.

This is a small badge of honour: that you focused yourself without interruptions for 25 minutes straight.

It is best if you stand up, take a small walk around your working space, drink a glass of water, stretch – anything not related to work.

STEP 4.repeat

After the 5-minute break, get back to it!

Work focused for another 25 minutes, have another 5-minute break and so on and so forth.

STEP 5.take a long break

Once you have completed four focused periods, or pomodoros, hurrah!, you deserve a longer break of 15 minutes.

Let yourself relax and get your mind off work. Better go for a small walk or at least leave your working space for a while, so your brain can clean the slate.

STEP 6.repeat some more ad libitum

By now you have completed four full ‘pomodoros’. If your task is not yet completed, carry on until it has.

The tempo should be clear by now:

[ 25–5–25–5–25–5–25 ] – [ 15 ] – [ 25–5–25–5–25–5–25 ] – [ 15 ] – …

Master Yoda quote Do or Do not - There is no Try

WHAT MAKES THE POMODORO TECHNIQUE SO EFFECTIVE?

Psychologically, it is far easier to focus uninterruptedly for a small period of time, than to work for a large period of time with constant focus.

As Elon Musk, the CEO of Tesla and SpaceX famously said:

If you give yourself 30 days to clean your home, it will take you 30 days. But if you give yourself 3 hours to get it done, it will take 3 hours. The same applies to your goals, ambitions and dreams.

Elon Musk

And the same applies to any task. That’s the principle behind the pomodoro technique.

Set a specific time-frame for your brain to work with from the beginning. It’s impossible to be focused all the time, and if you try it, you will be focused none of the time.

But if you know from the start that there is time for focus and there is time for relax, you will be able to make the best of both states.

ABOUT OUR POMODORO WEB APP.

Our pomodoro web app is on purpose minimalistic. After all, the essence of the pomodoro technique is simplicity and focus. The less distractions you have, the better.

The functionality is simple and straightforward.

Just write your task, or don’t for that matter, and hit the button. The app will do the time management for you.
Focus on the task in hand, not on time. That’s why the clock is always out of focus – see what we’ve done there? 😉

You can use our pomodoro web app by just visiting the page pomodoro.silentforce.co from your browser.

If you want to pause the timer, in case of an emergency, such as, say, an earthquake or a fire, just hit the button again.

You can also check the overall time by hovering over the clock. This will show you the total time elapsed since you first hit the button. So, no matter how many times you hit the pause and let time be wasted, you cannot – and you shouldn’t! – cheat yourself.

By the way, there are ways to cheat the app. They have been left open to exploitation on purpose. Mind you: the penalty for cheating the app is the waste of your precious time…

This is your life and it’s ending one minute at a time.

Chuck PalahniukAuthor of Fight Club
A bunch of tomatoes

DEV.

You can view the code and the files on:

FURTHER READING ON TIME MANAGEMENT.

PS.: The cover tomatoes photo is by Andrea Riezzo and the other tomatoes photo is by Alex Ghizila, both on Unsplash.

If you enjoyed this post, share it with your friends and connections 🙂

PORTFOLIO.

CONTACT.

HOMEPAGE.