⏱️ Timer Pomodoro com Sons Ambientes

Um timer Pomodoro minimalista e elegante com sons ambientes relaxantes para ajudar na concentração e produtividade.

✨ Funcionalidades

• Timer Pomodoro Personalizável: Configure os tempos de trabalho, pausa curta e pausa longa
• Sons Ambientes: 15 sons relaxantes para ajudar na concentração
  • Chuva, Floresta, Oceano, Lareira, Pássaros
  • Vento, Trovão, Riacho, Noite, Cafeteria
  • Ondas, Fogueira, Cachoeira, Grilos, Teclado
• Tema Claro/Escuro: Alterne entre os modos claro e escuro
• Controle de Volume: Ajuste o volume dos sons ou silencie
• Interface Limpa: Design minimalista e responsivo
• Pet Virtual: Acompanhante fofo durante suas sessões de estudo

🚀 Como Usar

1. Acesse o site: https://mayasrl.github.io/pomodoro/
2. Configure o timer: Ajuste os tempos de trabalho e pausas
3. Escolha um som: Clique em um dos sons ambientes
4. Inicie o timer: Clique em "Iniciar" e comece a trabalhar!

🎨 Temas

O timer possui dois temas:

• Modo Escuro: Ideal para trabalhar à noite
• Modo Claro: Perfeito para o dia

Clique no ícone de sol/lua para alternar entre os temas.

🔊 Sons Disponíveis

Todos os sons são gratuitos e fornecidos pelo Mixkit:

Som	Descrição
🌧️ Chuva	Som relaxante de chuva suave
🌲 Floresta	Ambiente de floresta com sons naturais
☕ Cafeteria	Ambiente acolhedor de café
🌊 Oceano	Ondas do mar
🔥 Lareira	Fogo crepitando
🐦 Pássaros	Canto de pássaros
💨 Vento	Som suave de vento
⚡ Trovão	Tempestade com trovões
🏞️ Riacho	Água corrente
🌙 Noite	Ambiente noturno
🌊 Ondas	Ondas na praia
🏕️ Fogueira	Fogueira ao ar livre
💧 Cachoeira	Água caindo
🦗 Grilos	Sons noturnos
⌨️ Teclado	Digitação de teclado

🛠️ Tecnologias Utilizadas

• HTML5: Estrutura da página
• CSS3: Estilização e animações
• JavaScript: Lógica do timer e controle de áudio
• Web Audio API: Reprodução dos sons

📁 Estrutura do Projeto

pomodoro-timer/
├── index.html          # Página principal
├── css/
│   └── style.css       # Estilos
├── js/
│   ├── timer.js        # Lógica do timer
│   ├── sounds.js       # Controle dos sons
│   ├── theme.js        # Alternância de tema
│   ├── pets.js         # Sistema de pets
│   └── sound-icons.js  # Ícones dos sons

🎯 Técnica Pomodoro

A Técnica Pomodoro é um método de gerenciamento de tempo desenvolvido por Francesco Cirillo:

1. Trabalhe por 25 minutos (1 Pomodoro)
2. Faça uma pausa de 5 minutos
3. Repita 4 vezes
4. Faça uma pausa longa de 15-30 minutos

Este timer ajuda você a aplicar essa técnica de forma simples e eficaz!

---

---

Desenvolvido com 💛 por @mayasrl.