Skip to content
Submitted over 2 years ago

Pomodoro app

react, tailwind-css, typescript, vite, accessibility
Danny Wen•240
@Furxx2000
A solution to the Pomodoro app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  1. Circular progress bar is tricky to work with it, but it's really nice to learn something new, new css properties like stroke-dasharray, stroke-dashoffset, new HTML element like circle.

  2. The custom hook "useThemeState" has lots of state and I think it need to separate into small group, like useTimer.

  3. I would like to know the best practice of using tailwind CSS to create custom design system.

Please feel free to give me any suggestions, appreciate!

Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Danny Wen's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord