Sobes.tech
Back to tasks
Junior — Senior
24

Интерактивный поиск персонажей из Rick and Morty

Get help with live coding in real time with Sobes Copilot
Task condition

Задача заключается в создании небольшого React‑приложения, которое позволяет выполнять поиск персонажей через публичный API https://rickandmortyapi.com. Требования к реализации:

  • На странице должно быть единственное текстовое поле, в которое пользователь вводит запрос. По мере ввода необходимо отправлять запрос к API и получать результаты.
  • После получения ответа от сервера отобразить список найденных сущностей, показывая только их name.
  • Добавить индикатор загрузки, который будет виден, пока запрос находится в процессе выполнения.
  • Корректно обработать ситуацию, когда API возвращает ошибку (например, сетевой сбой или отсутствие совпадений).
import React from 'react';

function getPeople(name, page = 1, options = {}) {
  return fetch(
    `https://rickandmortyapi.com/api/character?name=${name}&page=${page}`,
    options
  ).then((res) => res.json());
}

export default function App() {
  return '20 minutes adventure!';
}

В качестве отправной точки можно использовать предоставленную функцию getPeople для выполнения запросов и компонент App – шаблон, который нужно доработать согласно указанным требованиям.