Créez une application interactive simple avec un bouton rouge pulsant.

Présentation du projet

Implémentez un bouton rouge centré sur l'écran. Ce bouton pulse lorsque l'utilisateur touche l'écran, oscillant entre une taille minimale de 100px et une taille maximale de 150px.

Conception UI/UX et déroulement

- Positionnez le bouton rouge exactement au centre de l'écran.
- Assurez-vous que la taille au repos du bouton soit de 100px.
- Maintenez une interface minimaliste et attrayante, avec le bouton rouge comme élément central.

Fonctionnalités principales et logique

- Mettez en place une interaction tactile : dès que l'utilisateur touche l'écran, le bouton commence à pulser.
- Le bouton doit augmenter de 1px chaque seconde jusqu'à atteindre 150px.
- Une fois 150px atteint, il doit diminuer de 1px par seconde jusqu'à revenir à 100px.
- Le changement de taille doit être fluide et se répéter en boucle tant que l'utilisateur interagit avec l'écran.

Bonnes pratiques

- Garantissez des transitions et animations fluides pour optimiser l'expérience utilisateur.
- Optimisez les performances pour que l'application réagisse promptement aux interactions.
- Veillez à ce que le bouton reste centré même lors des changements de taille.

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