/hh-api-search

Домашнее задание для "Школы программистов HeadHunter" (JS/AJAX 1)

Primary LanguageJavaScript

Поиск по hh.ru

Домашнее задание для "Школы программистов HeadHunter" (JS/AJAX 1)

👀 Ссылка на рабочее приложение

novvember.github.io/hh-api-search Demo

Функциональность

  • поиск по вакансиям HeadHunter
  • сохранение всех предыдущих запросов и отображение 3 последних из них на странице
  • саджесты в форме поиска из предыдущих запросов, а также от HeadHunter

Стек

  • HTML/CSS/BEM
  • HeadHunter API
  • JavaScript (ООП)
  • Promise, async/await
  • Local Storage
  • deboune запросов на сервер

Исходное задание

  1. Взять любое свободное API с функцией поиска, например themoviedb.org

  2. Реализовать на странице поле ввода поискового запроса с функцией саджеста

  3. При выборе пункта из саджеста — запоминаем его (в localStorage) и выводим подробную информацию

  4. Саджест подсказывает 10 вариантов, максимум 5 из которых — предыдущие запросы пользователя

  5. Сбоку на странице вывести 3 последних поиска, причем они должны обновляться даже если я ищу в соседней вкладке