mithril hackernews pwa

PWA - Clon de noticias de micromitril hacker

Clon de HackerNews construido con Micro, Mithril v1.1.1 y Pure Material.

Se trata de un desarrollo mínimo y directo. Nada de cosas extravagantes. Hay mucho que podría mejorarse al respecto.

Mithril es un marco pequeño pero poderoso y puede usarse para proyectos grandes; sin embargo, Pure Material todavía está en estado alfa y no lo recomiendo para su uso en producción.

Demostración en vivo

Lista de verificación

PWA

• El sitio se sirve a través de HTTPS con ahora
• Las páginas responden en tabletas y dispositivos móviles con Pure Material
• Metadatos proporcionados para PWA como color de tema
• Contenido para entorno sin scripts
• Agregar a la pantalla de inicio con manifiesto web
• Crea íconos sobre la marcha con Favicons

HNPWA

• Vistas: Noticias destacadas de hackers, novedades, espectáculos, preguntas, trabajos y comentarios encadenados
• La aplicación debe mostrar 30 elementos por página para ver la lista de historias
• La aplicación debe ser una aplicación web progresiva
• La aplicación debe obtener una puntuación superior a 90/100 usando Lighthouse
• La aplicación debe convertirse en objetivo para ser interactiva en menos de 5 segundos en un Moto G4 a través de 3G
• La aplicación debe usar el patrón Shell de la aplicación
• La aplicación debe hacer todo lo posible para funcionar en varios navegadores.
• La aplicación admite el almacenamiento en caché sin conexión de datos HN
• La aplicación puede utilizar renderizado del lado del servidor.
• Usando la API firebase oficial de Hackernews con firebase-hackernews

Detalles de HNPWA

• Bibliotecas de framework/UI: Micro + Mithril + Pure Material
• Paquete de módulos: paquete web
• Trabajador de servicio: Shell de aplicación
• Representación del lado del servidor: No
• API: API de Firebase de noticias de hackers
• Alojamiento: Ahora
• Otros detalles: corredor de tareas Gulp. Lápiz preprocesador CSS.

Empezando

 # install dependencies
yarn install

# serve at localhost:8000 with browserSync
yarn dev

# build for production with minification
yarn build

Legal

Autor: Masquerade Circus. Licencia Apache-2.0