Skip to content

zoldyzdk/pomo-react

Repository files navigation

Pomodoro com ReactTS

O que se trata:

Basicamente se trata de uma ferramenta de timer ao estilo pomodoro, onde o usuário pode usar para controlar seus períodos de foco.

Desafios:

O principal objetivo do projeto é o estudo do framework React e juntamente com ele a utilização do Typescript para que tenhamos um app typesafe. Dito isso tive como desafio principal a manipulação dos states necessários para controle da aplicação, principalmente no componente do timer em si, nele aprendi o uso do useEffect para implementar a função de time onde o tempo é subtraido do que foi definido a princípio, ao escolher entre o Pomodoro(25min), intervalo curto(5min) ou intervalo longo(30min).

A implementação dos tipos corretos também é um baita desafio, entender e colocar em prática a tipagem certa ainda me é difícil, porém com estudo, pesquisa diretamente na documentação do Typescript e a ajuda de colegas mais experiêntes me permitiram melhorar mais com este difícil e principalmente aprender que é o sentido principal da realização do projeto.

Pontos interessantes:

Gostei da utilização dos componentes da DaisyUI que são voltados para o Tailwind, muito fáceis de serem utilizados e implementados, além de produzirem um belo efeito e por isso implementei uma forma do usuário escolher o seu próprio tema para a aplicação.

Aprimoramentos futuros:

Penso também em ativar a função de configuração onde será possível definir os seus próprios tempos de foco e de pausas, dessa forma sendo bem mais personalizável de acordo com a necessidade do usuário.

Link para acessar:

Pomo React APP