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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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