Блокнот

Реализуйте блокнот, в котором пользователь может создавать записи.

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

• Список записей в сайдбаре (заголовок + дата).
• Редактор записи с полями для заголовка и текста.
• Поиск по дате, заголовку и тексту записи.
• Данные хранятся в localStorage.

Структура страницы

Страница должна состоять из двух частей:

• Сайдбар - список всех записей с возможностью поиска.
• Основная область - редактор записи.

Сайдбар со списком записей

В сайдбаре отображается список всех записей. Каждая запись должна содержать:

• Заголовок записи.
• Дату создания (в формате ДД.ММ.ГГГГ).

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

Редактор записи

В основной области находится редактор записи. Он должен содержать:

• Поле для ввода заголовка (инпут).
• Поле для ввода текста (текстареа).
• Кнопки: "Сохранить", "Удалить" (если запись уже существует).

При создании новой записи поля пустые. При открытии существующей записи поля заполняются данными. После сохранения запись добавляется в список или обновляется.

Поиск

В сайдбаре над списком записей должна быть форма поиска с полем ввода. Поиск должен работать по:

• Заголовку записи (совпадение по части слова).
• Тексту записи (совпадение по части слова).
• Дате создания (в формате ДД.ММ.ГГГГ).

Поиск происходит в реальном времени (фильтрация списка при вводе текста).

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

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

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

• Сортировка записей по дате (сначала новые).
• Количество записей в сайдбаре.