Колесо жизни

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

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

• Круговая диаграмма с секторами (зонами жизни).
• Выставление баллов от 0 до 10 для каждой зоны.
• Редактирование баллов.
• Планировщик дел для каждой зоны (добавление, удаление, редактирование, отметка выполненными).
• Данные хранятся в localStorage.

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

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

• Круговая диаграмма (canvas) с секторами.
• Список зон с баллами и возможностью редактирования.
• Планировщик дел для выбранной зоны.

Колесо жизни (диаграмма)

Колесо жизни - это круговая диаграмма, разделенная на секторы (зоны жизни). Классические зоны:

• Карьера.
• Деньги.
• Здоровье.
• Друзья.
• Семья.
• Развитие.
• Отдых.
• Условия жизни.

Каждая зона отображается в виде сектора круга. Чем выше балл (от 0 до 10), тем больше радиус сектора. Сектора соединяются линией, образуя "колесо".

Управление баллами

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

• С помощью ползунка (слайдера) от 0 до 10.
• С помощью инпута для ввода числа.

При изменении балла диаграмма автоматически перерисовывается.

Интерпретация баллов

Рекомендуемая система оценок:

• 0-3 балла - состояние зоны запущено, требуется немедленное вмешательство.
• 4-7 баллов - требуются небольшие изменения.
• 8-10 баллов - все стабильно и отлично.

Планировщик дел

Для каждой зоны должен быть планировщик дел. При клике на зону (сектор) или на ее название открывается список дел для этой зоны. Каждое дело должно содержать:

• Название дела.
• Статус (сделано или нет).
• Кнопки: редактировать, удалить, отметить сделанным.

Добавление дела

В планировщике должна быть форма для добавления нового дела:

• Поле для ввода текста дела (инпут).
• Кнопка "Добавить дело".

При добавлении дела оно появляется в списке дел для данной зоны.

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

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

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

• Изменение названий зон (кастомизация).
• Добавление новых зон.
• Удаление зон.