Créez une application avec un bouton rouge placé au centre de l'écran. Lors du toucher, déclenchez une animation pulsante où le bouton grandit à n+10 puis rétrécit à n-10 de sa taille originale, le tout en boucle continue.

Aperçu du projet
Développez une interface avec un seul bouton rouge au centre de l'écran qui pulse lors de l'interaction.

Conception UI/UX et déroulement
- Disposition : Plein écran avec un bouton centré.
- Bouton : Taille initiale de 100px x 50px, positionné au centre.
- Interaction : Au toucher, lancez l'animation pulsante.

Fonctionnalité principale
- Implémentez une animation en boucle qui augmente la taille du bouton de 10 unités puis la diminue de 10 unités chaque seconde.
- Veillez à ce que le bouton reste rouge pendant toute l'animation et revienne à sa taille d'origine lorsqu'il n'est pas activé.

Bonnes pratiques
- Optimisez les performances pour que l'animation reste fluide.
- Assurez-vous que le bouton reste interactif, quelle que soit sa taille, lors de la pulsation.
- Testez le comportement sur différents écrans et orientations.

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

Q: What should be the original size of the button?
A: For example, 100px x 50px

Q: Should there be any color change during the pulsating effect?
A: No, just pulsate