Durante os testes do meu projeto, percebi que ao acertar o número secreto o botão “Chutar” permanecia habilitado. Isso poderia gerar dúvida no usuário sobre qual ação tomar — continuar clicando em “Chutar” ou iniciar um novo jogo — mesmo quando a única ação possível era “Novo jogo”.
Para resolver isso, implementei uma regra que desabilita o botão “Chutar” após o acerto, reduzindo o affordance indevido e tornando a interface mais intuitiva.
Além disso, adicionei um feedback visual para reforçar o momento do acerto. Com o auxílio do Gemini, encontrei uma biblioteca de animação de confetes e a integrei ao projeto. A animação é executada automaticamente assim que o usuário acerta o número, tornando a experiência mais agradável e dinâmica.
Confira o resultado no link abaixo:
Projeto hospedado
Repositório no GitHub:
Acessar repositório
Biblioteca utilizada para a animação:
canvas-confetti no npm
