Превью :

Интро :

• Данный проект представляет собой работающую форму обратной связи, использующую API Web3Forms для сохранения и отправки данных.

Технологии :

• HTML
• SCSS
• JS

Функционал :

• валидировать форму через HTML
• отправлять валидную форму на указанный адрес используя API
• изменять "метку" состояния (успех, ошибка...)
• отлавливать ошибку в случае некорректного ответа сервера
• очищать форму и "метку" после выполнения процесса

Проблемы с которыми столкнулся :

• код начинал использовать данные ответа сервера не дождавшись получения этих самых данных. Решилось добавлением async + await.

Улучшил :

• понимание логики работы и использования fetch()
• понимание логики работы и использования setTimeout()
• понимание логики работы и использования API
• понимание логики работы и использования JSON
• понимание логики работы и использования new FormData()
• понимание логики работы и использования Promises
• понимание логики работы и использования async/await
• понимание логики совместного использования HTML, SCSS, JS, API
• понимание возможностей JS в области DOM элементов, манипулирования ими и их значениями
• понимание обработки событий
• понимание верстки и позиционирования элементов
• понимание удобства применения функций как способа логично и чисто распределить код
• понимание логики составления и использования функций
• понимание логики применения условий

На будущее :

• сделать хранение ключа доступа более безопасным(?)

Проект завершен.