Напоминалка
Реализуйте напоминалку о делах.
Основные возможности проекта
- Список дел с названием и датой.
- Создание, редактирование и удаление дел.
- Главная страница с напоминаниями о делах, до даты которых осталось 3 и менее дней.
- Стилизация напоминаний в зависимости от количества оставшихся дней.
- Кнопка "Отложить" - напоминание пропадает на текущий день.
- Кнопка "Сделано" - дело отмечается как выполненное и пропадает из напоминаний.
- Данные хранятся в localStorage.
Управление делами
На странице управления делами должна быть таблица со списком всех дел. Каждое дело должно содержать:
- Название дела.
- Дата дела.
- Статус (активное, выполнено).
- Кнопки: редактировать, удалить.
Добавление дела
Над таблицей должна быть форма для добавления нового дела с полями:
- Название дела (инпут).
- Дата (инпут date).
- Кнопка "Добавить дело".
Главная страница (напоминания)
На главной странице должны появляться напоминания о делах, дата которых наступит через 3 и менее дней. Напоминания не показываются для дел, которые уже выполнены или были отложены сегодня.
Стилизация напоминаний
Стиль напоминания изменяется в зависимости от количества дней, оставшихся до даты:
- 3 дня - желтый цвет (скоро).
- 2 дня - оранжевый цвет (совсем скоро).
- 1 день - красный цвет (срочно!).
- 0 дней (сегодня) - красный цвет с миганием (сегодня!).
Кнопка "Отложить"
У каждого напоминания должна быть кнопка "Отложить". При нажатии на эту кнопку напоминание пропадает на текущий день (не показывается до следующего дня). Если на следующий день срок все еще не истек, напоминание появляется снова.
Кнопка "Сделано"
У каждого напоминания должна быть кнопка "Сделано". При нажатии на эту кнопку дело отмечается как выполненное, напоминание исчезает. В таблице дел статус дела меняется на "Выполнено".
Хранение данных
Все дела должны храниться в локальном хранилище браузера (localStorage). При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно.
Дополнительные возможности
- Восстановление отложенных дел (кнопка "Показать отложенные").
- Фильтр в таблице дел: показать только активные или только выполненные.