Адаптивная верстка лендинга на WordPress по готовому дизайну
Требуется перенести готовый дизайн-макет из Figma в WordPress, создав полностью адаптивный одностраничный сайт. Макет предоставлен в версиях для десктопа и мобильных устройств.
Задача
Связать три события на сайте (онлайн-запись) с отправкой браузерных Push-уведомлений через сервис-воркер PWA. Требуется реализовать управляемую (включаемую/выключаемую) подписку с хранением состояний.
Технические требования
- CMS: Joomla 3.9.24, PHP 7.4
- API: есть собственный Backend API
- PWA: настроено установкой (manifest создан)
Три типа уведомлений
- О создании новой записи (класс A).
- Об отмене записи (класс B).
- О переносе даты/времени (класс C).
Функциональность
- Пользователь должен иметь возможность подписаться или отписаться от уведомлений.
- Реализовать чекбоксы для независимого включения/выключения каждого класса уведомлений по отдельности.
- Отправка Push-уведомлений должна происходить автоматически при наступлении соответствующего события в CMS (Create/Delete/Reschedule).
Архитектура и подготовка к будущему
- Хранение подписки: обеспечить сохранение PushSubscription (endpoint + ключи) в БД с привязкой к пользователю Joomla.
- Эндпоинты: реализовать следующие прототипы для бэкенда:
- POST /api/push/subscribe - создание/обновление подписки.
- POST /api/push/unsubscribe - удаление подписки.
- POST /api/push/preferences - изменение настроек включаемых классов.
- Подготовить задел для будущей админ-панели: ни один endpoint не должен сломаться при подключении ручной отправки.
Состав необходимой документации
- Инструкция по регистрации service worker в имеющемся PWA.
- Схема добавления payload в уведомления (данные для клика).
- Инструкция по локальному тестированию с помощью Development console или Anypoint Platform.