Skip to content

IvanovEV92/goit-js-hw-12-countries

Repository files navigation

Результаты выполнения

  • Создан репозиторий goit-js-hw-12-countries.
  • Проект собран с помощью parcel-project-template.
  • Добавлена минимальная стилизация.
  • Есть файл fetchCountries.js с дефолтным экспортом функции fetchCountries(searchQuery), возвращающей промис с массивом стран, результат запроса к API.

Поиск стран

Создано небольшое приложение поиска данных о стране по ее частичному или полному имени. Использовано Rest Countries API, а именно ендпоинт /name, возвращающий массив объектов стран попавших под критерий поиска.

  • На обработчик события применен подход debounce и делается HTTP-запрос спустя 500мс после того, как пользователь перестал вводить текст. Использован npm-пакет lodash.debounce.
  • Если бекенд возвращает больше чем 10 стран подошедших под критерий введенный пользователем, в интерфейсе отображается нотификация о том, что необходимо сделать запрос более специфичным. Для оповещений использован плагин pnotify.
  • Если бекенд возвращает от 2-х до 10-х стран, под инпутом отображается список имен найденных стран.
  • Если бекенд возвращает массив с одной страной, в интерфейсе рендерится разметка с данными о стране: название, столица, население, языки и флаг.