Skip to content

Repository files navigation

React-приложение для определения возраста человека

Это приложение разработано в рамках задания по созданию React-приложения с использованием VKUI.

Ссылка на проект

https://v-kcontest-forms.vercel.app/

image

Описание

Приложение состоит из двух частей:

  1. Блок с кнопкой и текстовым полем. По нажатию на кнопку происходит запрос к catfact.ninja, полученный факт записывается в текстовое поле, а курсор устанавливается после первого слова.

  2. Форма с текстовым полем и кнопкой отправки. Пользователь вводит свое имя в текстовое поле. По истечении 3 секунд после ввода имени или при отправке формы выполняется запрос к API для определения возраста человека по имени. Полученный возраст отображается под текстовым полем.

  3. Адаптивность

image

Особенности

  • Предотвращение дублирующих запросов: запрос с таким же именем не отправляется повторно.
  • Прерывание запроса, чей ответ уже не нужен: запрос может быть прерван, если он был отправлен до завершения предыдущего запроса.

Дополнительные функции

Валидация поля ввода имени: имя может состоять только из букв.

Технологии и инструменты

  • React
  • TypeScript
  • Axios

About

Это приложение разработано в рамках задания по созданию React-приложения с использованием VKUI.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages