Sobes.tech
Назад к задачам
Junior — Senior
25

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

Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Задача заключается в создании небольшого 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 – шаблон, который нужно доработать согласно указанным требованиям.