Pomodoro App using Framer Motion, Nextjs 13, React and Tailwind

Woohoo, I'm so excited to share my advanced challenge 🎉 🥳

I've learned a lot of useful things doing this exercise - never used Framer Motion before and let me tell you, figuring out how many props is enough was a real head-scratcher at times.. also added small extra bits like a proper logo, sounds and an autostart which makes more sense, so you don't have to keep pressing a button after each interval.

I stuck to my go-to stack - React, Next 13, and Tailwind. They never let me down!

Unfortunately, I'm still grappling with a pesky bug. When I pause the timer and restart it, the animation gets out of sync with the timer. I think useEffect might be the culprit here, but I'll get it sorted eventually .... good enough for now. 😌

Also: the colors are not looking good in edge/firefox.

If you have any suggestions, please be my guest!

Pablo