Необходимо используя API JSON Placeholder создать frontend приложение, которое состоит из двух страниц:

  1. Главная страница – список постов с возможностью поиска и страницами
  2. Страница комментарий поста - страница комментарий поста с детальной информацией

Главная страница

Ключевые элементы страницы:

При введении текста в Поле для поиска, должен происходить поиск по названию среди всех постов и выводиться его результат в Список постов ****ниже.

Если в поле ничего не введено, то показывается список первых попавшихся постов.

Примерная структура элементов списка:

Внизу страницы есть Paginator ****вида [1, 2, 3, 4, 5]. Не показывать больше 10 страниц.

При клике на вторую страницу показываются посты с 11 по 20. При клике на третью страницу показываются посты с 21 по 30 … и т.д.

Выбранная страница в Paginator ****должна отличаться по стилю от всех остальных.

При перезагрузке страницы состояние выбранных фильтров (поиска и страницы) должно сохраняться и использоваться для первоначального запроса.

Поиск и пагинация должны происходить на стороне API.

При клике на название поста происходит переход на Страница комментарий поста

Страница комментарий поста

Страница должна иметь список комментариев выбранного поста: