Блокнот

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поиск

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

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

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

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

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

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

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