Органайзер проектов

Реализуйте планировщик дел, разбитых по проектам.

Основные возможности проекта

• Список проектов в виде ссылок.
• Список дел в выбранном проекте с разными статусами.
• Управление проектами: создание, редактирование, удаление.
• Управление делами: создание, редактирование, удаление, отметка сделанными.
• Данные хранятся в localStorage.

Главная страница

На странице должны быть размещены:

• Список проектов (слева или сверху).
• Список дел выбранного проекта (основная область).

Проекты

Проекты выводятся в виде ссылок. При клике на проект открывается список дел для данного проекта. Рядом с каждым проектом должны быть кнопки:

• Редактировать - изменение названия проекта.
• Удалить - удаление проекта (с подтверждением, с проверкой наличия дел).

Внизу списка проектов должна быть форма для добавления нового проекта (инпут и кнопка "Добавить проект").

Список дел

При выборе проекта отображается список дел этого проекта. Каждое дело должно содержать:

• Название дела.
• Описание дела (опционально).
• Статус: в работе, готово, просрочено.
• Кнопки: редактировать, удалить, переключить статус.

Статусы дел

Каждое дело может находиться в одном из трех статусов:

• В работе - активное дело, выполняется.
• Готово - дело завершено (меняет стиль на перечеркнутое/серое).
• Просрочено - дело не выполнено в срок (отображается красным).

Пользователь может менять статус дела кнопками или чекбоксом, автоматически перемещая его между статусами. Просроченный статус может устанавливаться автоматически, если дело не завершено вовремя.

Добавление дела

Над списком дел должна быть форма для добавления нового дела с полями:

• Название дела (инпут, обязательное).
• Описание (текстареа, опционально).
• Дедлайн (инпут date, опционально).
• Кнопка "Добавить дело".

Редактирование дела

При нажатии на кнопку "Редактировать" открывается форма с текущими данными дела. После редактирования и нажатия на кнопку "Сохранить" запись обновляется.

Удаление дела

При нажатии на кнопку "Удалить" появляется подтверждение (confirm), после чего дело удаляется из списка.

Отметка дела выполненным

При нажатии на чекбокс или кнопку "Сделано" дело переводится в статус "Готово". Визуально дело меняет стиль (перечеркивание, изменение цвета). Повторное нажатие возвращает дело в статус "В работе".

Хранение данных

Все проекты и дела должны храниться в локальном хранилище браузера (localStorage). При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно. Структура хранения должна содержать список проектов и внутри каждого проекта список дел с их статусами.

Дополнительные возможности

• Фильтр: показывать только дела с выбранным статусом.
• Подсчет количества дел в проекте по статусам.