/igniteTimer

Timer para auxiliar no foco 🎯

Primary LanguageTypeScript

Ignite Timer

Timer para auxiliar o usuário a focar em seus objetivos!


🎨 Design feito pela Rocketseat (Figma)

👨‍💻 Desenvolvido com Vite + React + TS

🚀 Validação de formulário com React Hook Form + Zod

🎒 Salvando os ciclos e o tema com Local Storage

📋 Gerenciamento de estados com Context API

🚀 Multiplas rotas com React Router DOM

🎨 Estilização com Styled Components

✨ Reducer e Immer para facilitar a manutenção de codigo futuro

⏱ Gerenciamento de Dates com date-fns


Responsividade para Web/Mobile

VisaoGeral


Além do desafio!

Botão para alterar o tema adicionado!

MudandoTema

Botões de Incrementar/Diminuir quantidade de minutos personalizados

BotoesPersonalizados

Barra da scrolagem personalizada

Scroll

Titúlo da pagina atualiza em tempo real junto com o timer!

Timer


Utilize em seu dia a dia Aqui