POMODORO TIMER

In this project, I used Vite to start the aplication with React + TypeScript.

The figma to construct the layout was:

• pomodoro-timer

In this project I learn:

• How to style React components using the library STYLED-COMPONENTS.
• How to managed pages using REACT ROUTER DOM to the clock page and the history page.
• how to transmit component information for use in different places in the application through the REACT CONTEXT API.
• Use REDUCERS, for formatting and use when working with multiple and more complex information.
• Form validations through ZOD, as well as with react-hook-form-resolvers.

You can find a preview working in this link pomodo-timer-working