Колесо жизни

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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