Дела по категориям

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

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

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

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

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

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

Список дел

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

Название дела.
Описание дела (опционально).
Дату и время выполнения (опционально).
Статус (выполнено или нет).
Кнопки: редактировать, удалить, отметить сделанным.

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

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

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

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

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

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

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

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

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

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

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

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

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