pomodoroweb app

TypeScript & Tailwind

pomodoro

The Pomodoro Technique is a time management method. The technique uses a timer to break down work into intervals, traditionally 25 minutes in length, separated by short breaks.

To manage states I've used React Recoil. breakTypeAtom to manage which break is active and the actual time of it, settingsAtom is taking care of which color, and font is activated, if Modal is open, and if the clock is paused.

Current font and color I passed through useSettings hook

Design by Kevin Powell for Scrimba The Frontend Developer Career Path