/studio_lubimovka_test

Тестовое задание "Поиск" на Реакте для Любимовки

Primary LanguageJavaScript

Любимовка - тестовое задание

Исполнитель: Татьяна Селюк

Что нужно сделать?

Здесь лежит макет

Нужно сделать поисковую форму, которая ищет по названию пьесы и по автору. Пьесы отображаются рядом друг с другом, а авторы - сбоку, разбитые по первым буквам их фамилии.

Лучше приведем пример!

Пример:

  • вы пишите "голос" в поиске
  • есть два совпадения: пьеса с названием "голос ЮАО" и автор с фамилией "Голосовский"
  • нужно разделить результат на пьесы и авторов
    • пьесы - отобразить в виде карточек со всей информацией про пьесу
    • авторов - сделать алфавитный список с разбивкой по первой букве фамилии

Требования

  • Главное требование: используйте React
  • Не тратьте слишком много времени
  • Подумайте о том, как можно использовать компоненты в будущем

Откуда брать данные?

Из файла data.json Данные выглядят так:

      "_id": "611e5bee6dbecd9b57cd7244",
      "author_firstName": "Ангелина",
      "author_lastName": "Пастернак",
      "title": "Августина и Степан",
      "city": "Санкт-Петербург",
      "year": 2021
  • _id - уникальный id пьесы
  • author_firstName - имя автора
  • author_lastName - фамилия автора
  • title - название пьесы
  • city - город, в котором написана пьеса
  • year - год написания пьесы

Как поделиться результатом?

  • Загрузите работу на приватный репозиторий в гитхабе
  • Поделитесь доступом с chechenev