Crie um aplicativo interativo simples com um botão vermelho que pulsa.

Visão geral do projeto

Implemente um botão vermelho centralizado na tela. Este botão pulsa quando o usuário toca na tela, oscilando entre um tamanho mínimo de 100px e um máximo de 150px.

Design UI/UX e fluxo

- Posicione um botão vermelho exatamente no centro da tela.
- Garanta que o tamanho inicial do botão em repouso seja 100px.
- Mantenha uma interface minimalista e visualmente atrativa, com o botão vermelho como ponto focal.

Funcionalidade e lógica principal

- Implemente a interação por toque: ao tocar na tela, o botão começa a pulsar.
- O botão deve aumentar 1px por segundo até atingir 150px.
- Ao chegar em 150px, o botão deve diminuir 1px por segundo até retornar a 100px.
- A mudança de tamanho deve ocorrer de forma suave, em um loop contínuo enquanto o usuário interage.

Melhores práticas

- Assegure transições e animações suaves para melhorar a experiência do usuário.
- Otimize o desempenho para que o aplicativo responda rapidamente às interações.
- Garanta que o botão permaneça centralizado durante todas as alterações de tamanho.

create a red button in the centre of the screen.
when the user touches the screen, it start to pulsate. n+1 to its original size,
each second, when it goes t n+5, it stars to go n-1, when it goes n-5,
it starts enlarging again. place it in an forever loop. 

Q: What are the initial and maximum sizes of the button?
A: Start at 100px, maximum 150px

Q: Should any specific action occur when the button is touched, apart from pulsating?
A: No, just pulsate