/timer

Primary LanguageJavaScript

Sobre o projeto

O Timer é um projeto idealizado pela Trybe que me foi apresentado durante o módulo de Front-end do curso de Desenvolvimento Web Full Stack da mesma instituição. Basicamente, é uma aplicação que permite temporizar algo de acordo com a quantidade de minutos que você digitar. Além disso, uma música lo-fi é iniciada por padrão ao clicar em iniciar o timer, sendo que esta música vem da Trybe-Fi, a rádio lo-fi da Trybe.

Outra funcionalidade disponível é a opção de selecionar a sua própria playlist para ser tocada enquanto o tempo corre. Para isso, basta colocar o link de sua playlist no local indicado na aplicação, sendo que este link precisa vir do YouTube, ou seja, é necessário que seja um vídeo. Automaticamente, o fundo da aplicação é alterado para o vídeo escolhido por você, dando uma cara mais pessoal ao próprio timer.

Tecnologias utilizadas

Para o desenvolvimento deste projeto, utilizei JavaScript, React, HTML e CSS. Além disso, foram utilizados alguns pacotes do NPM: react-player e react-youtube-background.

Como executar a aplicação?

Caso queira apenas utilizar a aplicação ou vê-la em execução, você pode simplesmente acessar o link em que o projeto foi publicado. Mas, se quiser executá-la localmente, precisará ter instalado em sua máquina o Node Package Manager (NPM) na versão 16. Em seguida, basta executar o comando npm install e, após ele ser concluído, o npm start.

Com isso, a aplicação deve abrir automaticamente em seu navegador principal. Caso isso não ocorra, verifique no terminal em que executou os comandos em qual porta a aplicação está sendo executada e acesse o link indicado em seu navegador.