mrlerok / todo_list_timer

#Задание ###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 вашим компонентам

Решение https://todo-list-delta-nine.vercel.app/