🕒 Pomodorium

Um app de produtividade baseado na técnica Pomodoro, com gerenciador de tarefas integrado e layout responsivo.
Projeto desenvolvido como evolução prática do curso JavaScript: manipulando elementos no DOM da Alura.

---

🚀 Tecnologias

---

📌 Visão geral

O Pomodorium é uma aplicação web que combina a técnica Pomodoro com uma interface leve e intuitiva. Ideal para quem deseja focar nas tarefas diárias, alternando entre ciclos de trabalho e descanso de forma estruturada.

Inspirado na ideia de um “reino de produtividade”, o nome une Pomodoro + -ium, como um ambiente onde o foco é cultivado com intenção.

---

🧠 Funções principais

🎯 Técnica Pomodoro

• Alterna entre 3 modos:
  • Foco: 25 minutos de trabalho
  • Descanso Curto: 5 minutos
  • Descanso Longo: 15 minutos
• Interface visual e sonora para acompanhar o ciclo.

📋 Gerenciador de Tarefas

• Adicione tarefas via formulário dinâmico.
• Selecione uma tarefa ativa.
• Tarefas são automaticamente marcadas como concluídas após um ciclo de foco.
• Edição inline e persistência via localStorage.

🎵 Música de foco

• Alterna som ambiente para aumentar a concentração.
• Controles simples via switch toggle.

📲 Responsividade

• Layout adaptado para desktop e mobile.
• Rodapé fixo e navegação intuitiva.

---

🔔 Novas Funcionalidades

• ⏳ Contagem Persistente:
  Agora o timer utiliza o relógio do sistema para continuar a contagem mesmo quando o celular está bloqueado ou o usuário sai da aba.

• 🔔 Notificação ao Final do Ciclo:
  O usuário recebe uma notificação nativa do navegador informando que o ciclo foi concluído, mesmo que esteja em outra tela.

Essas melhorias garantem maior confiabilidade e uma experiência de uso mais próxima de aplicativos nativos.

---

🔧 Como rodar o projeto localmente

1. Clone o repositório:

   git clone https://github.com/VictorMelkor/pomodorium.git

2. Navegue até a pasta:

   cd pomodorium

3. Abra o index.html no seu navegador ou use a extensão Live Server.

É um projeto estático, então não precisa de backend.

🔍 SEO e Compartilhamento

SEO otimizado com meta tags og: e twitter:card.

📚 Aprendizados aplicados

• Manipulação de elementos do DOM
• Eventos personalizados com CustomEvent
• LocalStorage para persistência
• Áudio com JavaScript
• Controle de tempo com setInterval
• Acessibilidade básica (alt, aria-label)
• Estrutura HTML semântica e responsiva

👨‍💻 Sobre o autor

Victor Rodrigues Desenvolvedor Full Stack com foco em soluções acessíveis, práticas e com código limpo.

📝 Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.