Дневник успеха
Реализуйте сервис, в котором пользователь может вести свой дневник успеха.
Основные возможности проекта
- Страница дня для добавления успехов за текущий день.
- Список успехов с возможностью добавления, редактирования и удаления.
- Календарь с выделением дней, в которых есть записи.
- Переключение между днями для просмотра и редактирования записей.
- Контроль добавления минимум 5 успехов в день (предупреждение).
- Данные хранятся в localStorage.
Главная страница
На странице должны быть размещены:
- Календарь для навигации по дням.
- Блок с записями успехов на выбранную дату.
Календарь
Календарь отображает текущий месяц. Дни, в которых есть записи, выделяются особым стилем (точка, цветной фон или иконка). При клике на день открывается страница с записями за этот день.
Страница дня
На странице дня пользователь видит все записи успехов за выбранную дату. Каждая запись должна содержать:
- Текст успеха.
- Кнопки: редактировать, удалить.
Добавление успеха
Над списком записей должна быть форма для добавления нового успеха:
- Поле для ввода текста (инпут или текстареа).
- Кнопка "Добавить успех".
Под списком должно выводиться количество добавленных успехов за сегодня. Если добавлено меньше 5, выводится предупреждение: "Добавьте еще N успехов (нужно минимум 5)".
Редактирование успеха
При нажатии на кнопку "Редактировать" текст успеха становится редактируемым (заменяется на инпут с текущим текстом). После нажатия Enter или потери фокуса текст обновляется.
Удаление успеха
При нажатии на кнопку "Удалить" появляется подтверждение (confirm), после чего запись удаляется.
Переключение между днями
Пользователь может переключаться между днями через календарь или с помощью стрелок на странице дня (предыдущий день / следующий день). При переключении даты загружаются соответствующие записи.
Хранение данных
Все записи успехов должны храниться в локальном хранилище браузера (localStorage). Ключом для хранения является дата в формате "YYYY-MM-DD". При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно.
Дополнительные возможности
- Кнопка "Сегодня" для быстрого перехода к текущему дню.
- Отображение общего количества записей за месяц.