Guia de prompts
Como criar um site de cronômetro de estudos com Ottermind
Um temporizador de estudos é um primeiro projeto web viável porque seu objetivo é claro. Descreva layout e comportamento no Ottermind, gere uma prévia e teste os controles. Este tutorial transforma uma pequena ideia em uma tarefa concreta e explica o que conferir antes de compartilhar.
Limite a primeira versão
Comece com duração, início, pausa, continuação e reinício. Faça uma sessão completa funcionar antes de acrescentar temas, alertas ou histórico.
1. Defina as funções básicas
Mantenha o escopo pequeno. Se o uso será principalmente no celular, especifique tamanho dos botões, números legíveis e layout vertical.
2. Descreva layout e comportamento
Crie um site pessoal de temporizador de estudos. Ele deve permitir definir minutos, iniciar, pausar, continuar e reiniciar. Use uma interface calma e simples, contagem regressiva em destaque e controles confortáveis no celular. Sem login nem funções multiusuário. Mostre a estrutura e o plano antes de gerar.Você pode anexar uma referência e explicar a tipografia, distribuição ou atmosfera desejada, sem pedir apenas uma cópia idêntica.
3. Gere e visualize
Avalie sugestões pela utilidade. Especifique que a pausa preserve o tempo restante e que reiniciar restaure a duração escolhida. Percorra o fluxo principal antes de ajustar o visual.
4. Teste os estados importantes
| Ação | Verificação |
|---|---|
| Iniciar | A contagem diminui corretamente |
| Pausar e continuar | O tempo restante é preservado |
| Reiniciar | A duração escolhida retorna |
| Cliques repetidos | Não surgem contagens duplicadas |
| Sair e voltar | O tempo se comporta como previsto |
| Celular | Os controles estão acessíveis |
Compare com o temporizador do telefone. Se o comportamento em segundo plano ou ao atualizar falhar, descreva o observado e teste novamente após a correção.
5. Melhore e compartilhe
Adicione alertas, temas ou histórico depois de validar o básico e repita os testes afetados. Antes de compartilhar, confira publicação e permissões, e abra o endereço final em outro aparelho. Publicação gratuita, domínio e armazenamento dependem das configurações atuais.
Referência do produto: Criar um temporizador de estudos
