Тестовое задание Frontend разработчик
Создать одностраничное приложение, которое запрашивает у API список элементов. Необходимые элементы страницы:
- список элементов (выводить по 10 элементов на страницу)
- элемент должен содержать id, заголовок и контент
- пагинация с возможностью переходить между страницами
- поиск - инпут с кнопкой для фильтрации запроса
Можно использовать любую API, которая поддерживает пагинацию и фильтр, например jsonplaceholder.typicode.com
Использовать стек: TypeScript, React, Redux toolkit, Axios. Стили на ваше усмотрение. Адаптив не обязателен.
Требования:
- список элементов, номер страницы и состояние запроса должны храниться в Redux
- запросы выполнять через Redux AsyncThunk с последующим обновлением состояния
- информировать пользователя о состоянии запроса (при загрузке показать "Loading...", при отсутствии элементов написать, что ничего нет)
Бонус! (не обязательно): в найденных элементах выделять красным фрагменты текста, которые введены в поле поиска