focus-timer-01

🚀 Technologies

EN: This project was developed with the following technologies:

---

PT-BR: Esse projeto foi desenvolvido com as seguintes tecnologias:

• HTML
• CSS
• Javascript
• Git e Github
• Figma

📖 Concepts

EN: Concepts:

• Data structure in HTML
• Animations in CSS
• Functions in JS
• DOM manipulation
• Callback function
• setTimeOut for countdown
• Sounds in JS
• Import and export JS files

PT-BR: Conceitos utilizados:

• Estrutura de dados HTML
• Animações com CSS
• Funções no Javascript
• Manipulação da DOM
• Funções callback
• setTimeOut para temporizador
• Sons em JS
• Importar e exportar arquivos JS

📖 Project

EN: In this project, the idea is to create a timer using the style Pomodoro for concentration during studies or work. There is the possibility to add or remove 5 minutes of the clock; start and pause de timer and listen to ambient sounds during the studies. Project made in Rocketseat's course "Explorer". The layout was sent via Figma.

---

PT-BR: A ideia do projeto é criar um temporizador no estilo Pomodoro, no qual é possível adicionar ou remover 5 minutos de tempo; inciar e pausar o temporizador e ouvir sons ambiente para melhorar a concentração durante os estudos ou durante o trabalho. O projeto possui adaptação para telas de celular e desktop. O layout para consulta foi enviado através da plataforma Figma. Projeto feito no curso Explorer da Rocketseat.

• Online project: https://lidiabrentano.github.io/focus-timer-01/

---