In this project, I used Vite to start the aplication with React + TypeScript.
The figma to construct the layout was:
- 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.