Урок 9 / Задание 1

Сделайте интерфейс для поиска и отображения gif с помощью giphy api

Важно: Для работы с API понадобится ключ для авторизации, инструкция по его получению находится тут

Функциональные требования:

  1. Доступно поле ввода в которое можно вводить поисковый запрос
  2. Поиск осуществляется по мере набора текста в поле
  3. Запрос на бэкенд отправляется не чаще, чем раз в 500 мс
  4. Верстка может быть любой

Технические требования:

  1. Функция для поиска переиспользуемая, ее должно быть легко использовать в другом месте
  2. Можно использовать fetch или XHR
  3. Решение должно использовать промисы или async/await
  4. Реализуйте простой кэш на стороне клиента. Он будет проверять есть ли у нас результат для введенного запроса и возвращать его из кэша, время жизни для записей ограничивать не нужно

Результат задания

На главную