davimarcilio / igniteTimer

Timer para auxiliar no foco 🎯

Home Page:https://davimarcilio.github.io/igniteTimer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Timer para auxiliar no foco 🎯

https://davimarcilio.github.io/igniteTimer/


Languages

Language:TypeScript 97.4%Language:HTML 2.6%