pomorph: a simple pomodoro timer

Conceived as a final project for CS50x, Pomorph is my attempt at making a cute, basic pomodoro timer. I’m Sean, by the way.

Pomorph aims to be somewhat consistent with the traditions of the Pomodoro Technique while being a little more flexible. As I make the journey to get better at both design and web development, Pomorph will probably grow and change. However, the emphasis will mostly be on simplicity and attempts at visual aesthetics.

My hope is that Pomorph will be a fun way for you to implement the Pomodoro Technique in your own life.

Thanks for stopping by and giving Pomorph a spin!

Sounds are from the Dev_Tones free sample pack by RCP Tones.

Features

  • Set desired work, short break, and long break intervals (supports 1–55 minutes). Pomorph will remember your last used time for each.
  • Play, pause, and stop a session
  • Toggle optional sound effects
  • Keep track of your stats
  • Client-side. No server-side database, just local storage in your browser. (Note: clearing your browser’s cache will reset your settings and stats.)

How to use

Here are the basics:

  1. Choose whether you want to work or take a break by flipping the work/break toggle
  2. Optionally set desired work or break time by tapping the time value. Pomorph will remember the time you enter after you begin a session. Default times for each type of session can also be overridden in the settings.
  3. Hit play to begin. Use the stop button to cancel a session.
  4. After the interval is completed, depending on whether you chose a work/break session, Pomorph will automatically switch to the opposite session. You can do another break or work session by flipping the work/break toggle. Your call.
  5. Whatever you decide, Pomorph will track the number of work sessions you’ve completed. After the fourth work interval, Pomorph will switch to a break session and default to a longer break break time. Whether you choose to take a break or toggle back to a work session, Pomorph will reset the session indicator once the fifth work interval is started, and the cycle will begin again.

Note: Don’t forget to toggle sound effects, gaze upon your stats, and check out the settings.

Support

If you need any help, have ideas about how Pomorph can be better, or encounter any problems, don’t hesitate to get in touch. Lot’s of bugs? Feel free to check out the source code on GitHub too (sorry, I’m a beginner and have so much to learn).