Записки онлайн

Реализуйте сервис, с помощью которого пользователи могут создавать записки на экране.

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

Создание записок в виде прямоугольников с текстом.
Размещение записок в виде плитки.
Редактирование текста записки.
Удаление записки.
Данные хранятся в localStorage.

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

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

Форма для создания новой записки.
Плитка с записками.

Форма создания записки

Форма должна содержать:

Текстареа для ввода текста записки.
Кнопку "Добавить записку".

После нажатия на кнопку записка добавляется в конец плитки.

Плитка записок

Записки отображаются в виде плитки (сетка из карточек). Каждая записка - это прямоугольник с:

Текстом записки.
Датой создания.
Кнопками: редактировать, удалить.

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

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

Удаление записки

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

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

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

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

Изменение цвета записки при создании.
Возможность закрепления записки в верхней части плитки.