Timer

<p>Durante o curso Ignite da Rocketseat, desenvolvi um temporizador de tarefas com funcionalidades completas para auxiliar na gest&atilde;o do tempo e aumento de produtividade. Este projeto foi constru&iacute;do utilizando React com Vite, Styled Components, Zod e Date-fns. As principais caracter&iacute;sticas do temporizador incluem:</p> <ul> <li><strong>Configura&ccedil;&atilde;o de Contagem Regressiva:</strong> Permite aos usu&aacute;rios definir uma contagem regressiva em minutos para realizar uma determinada tarefa, ajudando a focar e gerenciar o tempo de maneira eficiente.</li> <li><strong>Registro de Tarefas:</strong> A aplica&ccedil;&atilde;o registra todas as tarefas, categorizando-as como finalizadas, interrompidas antes do fim e em andamento, proporcionando uma vis&atilde;o clara do progresso do usu&aacute;rio.</li> <li><strong>Valida&ccedil;&atilde;o de Formul&aacute;rios com Zod:</strong> Utiliza&ccedil;&atilde;o da biblioteca Zod para valida&ccedil;&atilde;o robusta dos dados do formul&aacute;rio, garantindo que as entradas do usu&aacute;rio sejam corretas e seguras.</li> <li><strong>Gerenciamento de Datas com Date-fns:</strong> Implementa&ccedil;&atilde;o do Date-fns para manipula&ccedil;&atilde;o e formata&ccedil;&atilde;o de datas, melhorando a precis&atilde;o e a usabilidade do temporizador.</li> <li><strong>Estiliza&ccedil;&atilde;o com Styled Components:</strong> Estiliza&ccedil;&atilde;o da aplica&ccedil;&atilde;o utilizando Styled Components, permitindo um design modular e reutiliz&aacute;vel com foco na consist&ecirc;ncia visual.</li> <li><strong>Desempenho R&aacute;pido com Vite:</strong> Utiliza&ccedil;&atilde;o do Vite como bundler para um ambiente de desenvolvimento r&aacute;pido e eficiente, otimizando a performance da aplica&ccedil;&atilde;o.</li> </ul> <p>Este projeto foi essencial para refor&ccedil;ar minhas habilidades em React e outras tecnologias modernas, al&eacute;m de proporcionar uma aplica&ccedil;&atilde;o pr&aacute;tica para gest&atilde;o de tempo e tarefas.</p>

Tecnologias Utilizadas

HTMLCSSStyled ComponetsZodReactTypescript

contato@diogoalberto.com.br