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