Leonardo Negrão

Pomodoro was a practice project developed in 2021, using a design template from Frontend Mentor. The idea was to take a design that had interactivity and state management as strong points and make it real.

Created the website using Next.js, Styled Components and TypeScript. With the website being heavily dependent on client state and user interaction, it was a nice opportunity to add testing, and that was done with React Testing Library.

• Created the website focusing on flexibility

  The website allows so much change that it became the biggest challenge. Time, type of counters, themes, all that is supported thanks to types and testing.

• Guaranteed it could actually be used as a focus tool

  The project works as intended, but beyond being just a countdown tool, it follows Pomodoro concepts, such as breaks and user defined timers.

• Focused on being pixel-perfect and visually adaptable

  The final result is a pixel-perfect representation of the provided design, while adaptable to the user preferences, allowing font and color changes.

More projects