Задание

  1. Реализовать приложение на базе Create React App — страницу со списком дел (Todo list):
  • содержание одного дела — небольшой текст;
  • использовать JSON Placeholder с ручкой (endpoint) «todos»;
  • реализовать только вывод списка;
  • дизайн на усмотрение разработчика (но должен быть аккуратный, приятный на вид).
  1. Переделать приложение, заменив JSON Placeholder на JSON Server:
  • начальный список дел отсутствует (пустой массив);
  • реализовать CRUD-операции, добавить возможность добавления, изменения и удаления дела;
  • реализовать поиск дел по заданной фразе (для нахождения элемента в тексте дела должен быть совпадающий с введенной фразой фрагмент);
  • реализовать кнопку для включения режима сортировки дел по алфавиту, если кнопка не нажата — изначальная сортировка (т. е. отсутствие сортировки).
  • Дополнительно. Реализовать продвинутый поиск с помощью debounce().
  1. Переделать приложение из второго пункта, используя Firebase (без использования JSON Server):
  • зарегистрироваться на платформе Firebase;
  • создать базу данных и использовать её в приложении;
  • выполнить deploy и проверить работу приложения.

Реализация