Criar metrônomo

[atalhox]

Descrição

Implementar tela de treino guiado com metrônomo visual e sonoro (zabumba/triângulo) para acompanhar a execução das combinações.
O objetivo é permitir que o usuário pratique mantendo o tempo musical e visualize o passo ativo.

Contexto

A prática do forró depende fortemente do tempo e da musicalidade.
O treino guiado deve reproduzir visualmente a contagem e indicar o passo atual da sequência.

Critérios de Aceitação

• O usuário pode ajustar o BPM (60–120).
• O metrônomo emite som e marca visual sincronizados.
• Cada passo é destacado conforme o tempo correspondente.
• O sistema pausa e retoma o treino sem perder o ritmo.
• Funciona tanto no navegador quanto no mobile.

Tarefas Técnicas

• Criar componente React TreinoMetrônomo.
• Implementar controle de BPM e play/pause.
• Sincronizar áudio e destaque visual.
• Escrever testes de sincronização e renderização.
• Documentar uso no README.

Definição de Pronto (DoD)

• Metrônomo funcional e responsivo.
• Testes passando com ≥90% de cobertura.
• Sem delay perceptível entre som e destaque visual.
• Código revisado e aprovado.
• Deploy validado no ambiente de produção.