PWA приложение

Разработать PWA аналогичное данному

https://5.nikpv.z8.ru/RD/

Назначение

• Отображать Emojis, предоставляемые GitHub REST API (https://api.github.com)
• Следить за жизненным циклом сервис воркера

Функциональность

• Реализовать установку приложения через собственный интерфейс, например, кнопку INSTALL (A2HS)
• Кнопка должна появляться вместо собственного предложения браузера (Chrome) об установке на рабочий стол. С этой целью следует перехватить событие beforeinstallprompt
• После установки, при запуске мобильного приложения с рабочего стола кнопка INSTALL должна исчезать
• Приложение должно реализовать кэширование всех своих активов посредсвом ServiceWorker
• В одной из вкладок (возможен также любой другой дизайн) приложение должно показывать Emojis, предоставляемые GitHub REST API (https://api.github.com/emojis)
• Реализовать "умную" загрузку изображений, например, используя технологию Progressive Image Loading and IntersectionObserver
• Приложение должно иметь оригинальную иконку и Splash Screen
• Желательно оформить вкладку Contacts
• Для повышения баллов следует предусмотреть "отзывчивый дизайн"
• Для повышения баллов возможен другой вариант общедоступного сервиса, предоставляющего картинки
• На одной из вкладок реализовать "распечатку" журнала сообщений от ServiceWorkera путём загрузки фиктивного файла, например log.html
• Log должен отслеживать install, activate, fetch, кэширование вновь загруженных emojis

Установка

• Реализовать загрузку приложения с локального хоста
• С этой целью организовать собственный CA, сертификат которого установить в качестве доверенного на мобильную платформу
• На web сервере локального хоста установить сертификат, подписанный собственным CA
• Установку на эмулятор организовать через 10.0.2.2
• Установку на девайс организовать через wi-fi роутер

https://5.nikpv.z8.ru/RD/