Handwritten text effect for my web portfolio , will be combined with React inside a div with the next steps.

1st the "Start" animation that will be displayed when the page loads and set true boolean "bStart".

2nd with the first click/tap on the div this one will expand and boolean "bEnterNameLoop" which will start for the first time the "FullName" animation.

3rd from now on, the animations will be in a loop that will be synchronize with the expanded and reduced ( first size ) version of the div, using [ "FullName" animation "tFullName" trigger ] for Biography and [ "ShortName" animation "tShortName" trigger ] for Bio.

Hope this is helpful for someone,
thanks for stopping by.