Skip to content

Instantly share code, notes, and snippets.

@defaultvoice
Last active August 20, 2021 07:16
Show Gist options
  • Select an option

  • Save defaultvoice/642d79c48bc24e809634a2cc0750b7c9 to your computer and use it in GitHub Desktop.

Select an option

Save defaultvoice/642d79c48bc24e809634a2cc0750b7c9 to your computer and use it in GitHub Desktop.

Тестовое задание на позицию frontend-разработчика

Необходимо разработать React-приложение поиска книг с помощью Google Books API. Документация: https://developers.google.com/books/docs/v1/using. Для авторизации запросов к API выбрать способ с предоставлением API key.

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

  • Должны быть текстовое поле и кнопка поиска. По введенной пользователем подстроке производится поиск книг. Триггером к поиску является либо нажатие Enter (когда текстовое поле в фокусе), либо нажатие кнопки поиска.
  • Найденные книги отображаются карточками, каждая из которых состоит из изображения обложки книги, названия книги, названия категории и имен авторов. Если для книги приходит несколько категорий, то отображается только первая. Авторы отображаются все. Если не приходит какой-либо части данных, то вместо нее просто пустое место.
  • Над блоком с карточками отображается количество найденных по запросу книг.
  • Пагинация постраничная. На странице отображается 16 книг.
  • При клике на карточку происходит переход на детальную страницу книги, на которой выводятся ее данные: изображение обложки, название, все категории, все авторы, описание.

Стэк:

  • React/Redux/TypeScript
  • Любая UI-библиотека на ваш выбор (PrimeReact/Material UI/Bootstrap)
  • Вёрстка самая простая

Примерный внешний вид

Image of Yaktocat

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment