Principais pontos abordados nesse desafio:
- Posicionamento utilizando grid;
- Implantar lógica javascript na web;
- Manipulação de svg pelo js;
- Trabalhar com a DOM,
- Trabalhar com eventos,
- Acesso a métodos e atributos de objetos de eventos,
- Object Destructuring
- Injeção de Dependências,
- Factory pattern,
- Modularização,
- Refatoração
Aqui neste link você tem acesso ao Figma do projeto**.**
WebGL
não está ativado no seu navegador, siga esses passos.
O resultado final desse desafio deve ser algo em torno de:
Nesse desafio, iremos criar uma aplicação do tipo pomodoro(focus timer), onde, através de botões + e -, iremos aumentar ou diminuir o tempo do temporizador de 5 em 5 minutos. Foi adicionado também cards do lado direito, que, ao serem selecionados, mudam de cor e emitim um som diferente. O som e a cor dos cards trabalham em sincronização com o temporizador.
Este é um projeto desenvolvido em treinamento, juntamente com a
Rocketseat 🚀
no decorrer do programa Explorer.
📅 Início: 15.02.2023
📅 Conclusão: 16.02.2023
🕛 Status: Concluído✔️
🌎 Result Preview: https://pomodoro2.netlify.app/