Responsive Contact-form and toaster with react, BEM, and Typescript

What are you most proud of, and what would you do differently next time?

I like all the project. I feel I did fantastic in overall. The html uses grid in most of the cases, allowing a very fine organized DOM and it also have a good semantic HTML. The form handle the validation first, if all is correct, then pass the action to the component Contact-us to handle the action. The submit generate a success toaster with sound, that least 4s on the screen, then it is removed from the DOM.

What challenges did you encounter, and how did you overcome them?

I tried to cancel the event focus when the event change was fire but I didn`t know how to do so without addeventlister.

What specific areas of your project would you like help with?

is there a way to cancel events only using event handler attribute?