mithril hackernews pwa

PWA - Clone de notícias do Micro Mithril Hacker

Clone HackerNews construído com Micro, Mithril v1.1.1 e Pure Material.

Este é um desenvolvimento mínimo e direto. Nada de coisas sofisticadas. Há muito que poderia ser melhorado nisso.

Mithril é um framework pequeno, mas poderoso e pode ser usado para grandes projetos, porém, Pure Material ainda está em estado alfa e não o recomendo para uso em produção.

Demonstração ao vivo

Lista de verificação

PWA

• O site é veiculado por HTTPS agora
• As páginas são responsivas em tablets e dispositivos móveis com Pure Material
• Metadados fornecidos para PWA como cor do tema
• Conteúdo para ambiente sem script
• Adicionar à tela inicial com Web Manifest
• Crie ícones rapidamente com Favicons

HNPWA

• Visualizações: Notícias principais de notícias sobre hackers, novidades, programas, perguntas, empregos e comentários encadeados
• O aplicativo deve exibir 30 itens por página para visualizações de lista de histórias
• O aplicativo deve ser um aplicativo da Web progressivo
• O aplicativo deve ter pontuação superior a 90/100 usando o Lighthouse
• O aplicativo deve ter como objetivo ser interativo em menos de 5 segundos em um Moto G4 via 3G
• O aplicativo deve usar o padrão Application Shell
• O aplicativo deve fazer o melhor para funcionar em vários navegadores
• O aplicativo suporta cache offline de dados HN
• O aplicativo pode usar renderização no servidor.
• Usando a API oficial do Firebase do Hackernews com firebase-hackernews

Detalhes do HNPWA

• Bibliotecas de estrutura/UI: Micro + Mithril + Pure Material
• Pacote de módulo: Webpack
• Trabalhador de serviço: Shell do aplicativo
• Renderização do lado do servidor: Não
• API: API Hacker News Firebase
• Hospedagem: Agora
• Outros detalhes: Executor de tarefas Gulp. Caneta de pré-processador CSS.

Começando

 # install dependencies
yarn install

# serve at localhost:8000 with browserSync
yarn dev

# build for production with minification
yarn build

Jurídico

Autor: Circo Masquerade. Licença Apache-2.0