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