Time to Focus

Time to Focus é um timer no estilo pomodoro que desenvolvi com o intuito de aprimorar meus conhecimentos em Typescript, React Hooks e também aprender a utilizar ferramentas novas como Tailwind CSS e a biblioteca Lucide para os ícones. Optei também por usar Next.js para me familiarizar cada vez mais com o framework.

https://time-to-focus-tau.vercel.app/

Instruções de uso

• Você pode aumentar ou diminuir o tempo em 5 minutos com os botões mais e menos.
• Você pode ativar quatro sons de ambientes, controlando seu volume. Você pode ativar os sons em conjunto!

Aprendizados

• Tailwind CSS.

• useState, useEffect, useRef e useCallback.

• Construtor HTMLAudioElement.

• Método setInterval().

  Tecnologias

• HTML, Typescript, Tailwind CSS, React, Next.js.