Skip to content

Criaçao da aplicação Focus Timer versão 2.0, onde cada card que se encontra do lado direito, quando selecionado, vai mudar de cor e emitir um som diferente 🚀 https://pomodoro2.netlify.app/

Notifications You must be signed in to change notification settings

Clara-Pacheco/FocusTimer2.0

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

   

       

Netlify Status


💻 Sobre o desafio

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

📕 Layout da aplicação

Aqui neste link você tem acesso ao Figma do projeto**.**

⚠️ Alerta: Caso ao clicar no link você se depare com o erro que WebGL não está ativado no seu navegador, siga esses passos.


💻 Projeto

O resultado final desse desafio deve ser algo em torno de:

Project´s preview


🧪 Tecnologias | HTML , CSS e Javascript


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.


📕 Sobre

Este é um projeto desenvolvido em treinamento, juntamente com a Rocketseat 🚀 no decorrer do programa Explorer.

Informações

📅 Início: 15.02.2023

📅 Conclusão: 16.02.2023

🕛 Status: Concluído✔️

🌎 Result Preview: https://pomodoro2.netlify.app/

Feito com 💜 por Clara 🚀

About

Criaçao da aplicação Focus Timer versão 2.0, onde cada card que se encontra do lado direito, quando selecionado, vai mudar de cor e emitir um som diferente 🚀 https://pomodoro2.netlify.app/

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published