Тестовое задание Todo App

Список Todo

Создать компонент соответствующий нижеуказанным требованиям. Для стилизации можно использовать любой css-фреймворк (например, bootstrap).

Junior

• Добавление новой записи;
• Отображение списка добавленных записей;
• Удаление из списка добавленных записей;

Junior+

• Добавление новой записи;
• Новая запись добавляет при условии, что её длина меньше N символов или равна ей;
• Отображение списка добавленных записей;
• Удаление из списка добавленных записей;
• Переключение статуса записи Выполнено / Невыполненный при клике на её название;

Middle

• Добавление новой записи;
• Новая запись добавляет при условии, что её длина меньше N символов или равна ей;
• Отображение списка добавленных записей;
• Переключение статуса записи Выполнено / Невыполненный при клике на её название;
• Фильтрация по типу (все, выполненные, невыполненные);
• Отображение счётчика выполненных и невыполненных задач;

Middle+

• Добавление новой записи;
• Новая запись добавляет при условии, что её длина меньше N символов или равна ей;
• Отображение списка добавленных записей;
• Переключение статуса записи Выполнено / Невыполненный при клике на её название;
• Реализовать поиск по названию;
• Фильтрация по типу (все, выполненные, невыполненные);
• Отображение счётчика выполненных и невыполненных задач;
• Использование хранилища (Redux, Mobx);