Skip to content

Latest commit

 

History

History
48 lines (37 loc) · 2.45 KB

README.md

File metadata and controls

48 lines (37 loc) · 2.45 KB

Fokus - Aplicativo de Temporizador Pomodoro

Sobre o Projeto

O Fokus é um aplicativo de temporizador estilo Pomodoro desenvolvido durante um curso da Alura. Ele foi projetado para auxiliar no gerenciamento de tempo e aumentar a produtividade, implementando um método eficaz para organização de tarefas e intervalos de descanso.

Este projeto foi uma excelente oportunidade para consolidar conceitos fundamentais de desenvolvimento web, desde manipulação do DOM até a persistência de dados no navegador.

Funcionalidades

  • Temporizador Pomodoro: Defina ciclos de foco e descanso.
  • Interatividade Dinâmica: Manipulação de estilos, textos e classes para interações em tempo real.
  • Persistência de Dados: Utilize LocalStorage para salvar e restaurar preferências e estados do temporizador entre sessões.
  • Feedback Visual: Destaque visual dinâmico para o estado atual (foco ou descanso).
  • Gestão de Estado: Controle eficiente de estados com manipulações de arrays e objetos.

Tecnologias e Métodos Utilizados

Linguagens e Ferramentas:

  • HTML: Estrutura semântica da aplicação.
  • CSS: Estilização responsiva e atraente.
  • JavaScript: Lógica de aplicação e manipulação do DOM.

Conceitos e Práticas:

  • Manipulação do DOM:
    • Alterar estilos, atributos e classes dinamicamente.
    • Atualização de elementos HTML com base nas ações do usuário.
  • Eventos do Usuário:
    • Configuração de eventos como cliques e envio de formulários.
  • Gerenciamento de Estado:
    • Utilização de arrays e objetos para rastrear o estado atual do temporizador.
  • Persistência com LocalStorage:
    • Armazenamento e recuperação de dados para garantir continuidade entre sessões.

Lições Aprendidas

  • Manipulação Dinâmica: Aprendi a modificar atributos, estilos e classes de elementos HTML de forma eficiente.
  • Eventos no JavaScript: Compreendi como criar interações dinâmicas e responsivas com base em eventos do usuário.
  • Persistência de Dados: Descobri como utilizar o LocalStorage para salvar preferências e estados do usuário.
  • Gestão de Estado: Desenvolvi soluções para manter o estado da aplicação consistente e funcional.
  • Design Interativo: Pratiquei a criação de interfaces agradáveis e responsivas para melhorar a experiência do usuário.

Autor

Projeto desenvolvido por Alberto durante o curso da Alura.