#Задание ###TODO App - Реализовать простое TODO приложение на основе готовой верстки.
- Перенести верстку TODO из примера в ваше React приложение.
- Разбейте верстку на компоненты и отобразите на экране визуальную часть TODO. Вынесите в отдельные компоненты:
- Task - одна задача
- TaskList - список задач
- NewTaskForm - форма для добавления
- Footer - футер с информацией и кнопками
- TasksFilter - фильтры в футере
- Сделайте, чтобы все данные в Task передавались через props из верхнего компонента вашего приложения
- Перенесите список ваших задач в состояние родительского компонента
- Реализуйте изменение состояние задачи активный-выполненный
- Реализуйте удаление задачи из списка
- Реализовать добавление задач
- Реализовать логику фильтрации
- Если выбран таб All, то отображаются все задачи.
- Если выбран таб Active, то отображаются лишь незавершенные задачи
- Если выбран таб Completed, то отображаются лишь завершенные задачи
- Добавьте возможность удаления всех Completed задач нажатием на кнопку "Clear completed", которая расположена в нижней части списка задач с правой стороны.
- Добавьте логику для счетчика незавершенных задач, расположенного в нижней части списка задач с левой стороны. Счетчик всегда должен показывать общее количество незавершенных задач независимо от того, что отображается на экране пользователя и какой таб выбран.
- Фиксировать время создания задачи в момент ее добавления, а в списке выводить "created N seconds / minutes ago"
- Добавить defaultProps вашим компонентам
- Добавить propTypes вашим компонентам