mithril hackernews pwa

PWA - Micro Mithril Hacker News Clone

Клон HackerNews, созданный с использованием Micro, Mithril v1.1.1 и Pure Material.

Это минимальное и прямое развитие. Никаких причудливых вещей. В нем есть многое, что можно улучшить.

Mithril — небольшой, но мощный фреймворк, который можно использовать для крупных проектов, однако Pure Material все еще находится в альфа-состоянии, и я не рекомендую его для использования в производстве.

Живая демонстрация

Контрольный список

ПВА

• Сайт теперь обслуживается через HTTPS
• Страницы адаптивны на планшетах и ​​мобильных устройствах с использованием Pure Material.
• Метаданные, предоставленные для PWA, такие как цвет темы.
• Контент для бесскриптовой среды
• Добавить на главный экран с помощью веб-манифеста
• Создавайте значки на лету с помощью Favicons

ХНПВА

• Просмотры: Главные новости хакерских новостей, новинки, шоу, вопросы, вакансии и цепочки комментариев.
• Приложение должно отображать 30 элементов на странице для просмотра списка историй.
• Приложение должно быть прогрессивным веб-приложением.
• Приложение должно набрать более 90/100 баллов с помощью Lighthouse.
• Приложение должно стать интерактивным менее чем за 5 секунд на Moto G4 через 3G.
• Приложение должно использовать шаблон оболочки приложения.
• Приложение должно сделать все возможное, чтобы работать в кроссбраузерном режиме.
• Приложение поддерживает автономное кэширование данных HN.
• Приложение может использовать рендеринг на стороне сервера.
• Использование официального API Firebase Hackernews с firebase-hackernews

Подробности о HNPWA

• Библиотеки Framework/UI: Micro + Mithril + Pure Material.
• Комплектация модулей: Webpack
• Service Worker: оболочка приложения
• Рендеринг на стороне сервера: Нет
• API: Hacker News Firebase API
• Хостинг: Сейчас
• Другие подробности: Task runner Gulp. CSS-препроцессор Stylus.

Начиная

 # install dependencies
yarn install

# serve at localhost:8000 with browserSync
yarn dev

# build for production with minification
yarn build

Юридический

Автор: Цирк Маскарад. Лицензия Апач-2.0