mithril hackernews pwa

PWA – Micro Mithril Hacker News Klon

HackerNews-Klon erstellt mit Micro, Mithril v1.1.1 und Pure Material.

Dies ist eine minimale und direkte Entwicklung. Keine ausgefallenen Sachen. Da gibt es vieles, was man daran verbessern könnte.

Mithril ist ein kleines, aber leistungsstarkes Framework und kann für große Projekte verwendet werden. Pure Material befindet sich jedoch noch im Alpha-Stadium und ich empfehle es nicht für den Einsatz in der Produktion.

Live-Demo

Checkliste

PWA

• Die Website wird jetzt über HTTPS bereitgestellt
• Mit Pure Material reagieren die Seiten auf Tablets und Mobilgeräten
• Für PWA bereitgestellte Metadaten wie Themenfarbe
• Inhalt für eine skriptlose Umgebung
• Mit Web Manifest zum Startbildschirm hinzufügen
• Erstellen Sie mit Favicons im Handumdrehen Symbole

HNPWA

• Aufrufe: Hacker-News Top Stories, Neu, Show, Fragen, Jobs und Thread-Kommentare
• Für Story-Listenansichten muss die App 30 Elemente pro Seite anzeigen
• Die App muss eine Progressive Web App sein
• Die App muss mit Lighthouse eine Punktzahl von über 90/100 erreichen
• Die App muss auf einem Moto G4 über 3G in weniger als 5 Sekunden interaktiv sein
• Die App muss das Application Shell-Muster verwenden
• Die App muss ihr Bestes geben, um browserübergreifend zu funktionieren
• Die App unterstützt das Offline-Caching von HN-Daten
• Die App verwendet möglicherweise serverseitiges Rendering.
• Verwendung der offiziellen Firebase-API von Hackernews mit Firebase-Hackernews

HNPWA-Details

• Framework-/UI-Bibliotheken: Micro + Mithril + Pure Material
• Modulbündelung: Webpack
• Servicemitarbeiter: Anwendungsshell
• Serverseitiges Rendering: Nein
• API: Hacker News Firebase API
• Hosting: Jetzt
• Weitere Details: Task-Runner Gulp. CSS-Präprozessor-Stift.

Erste Schritte

 # install dependencies
yarn install

# serve at localhost:8000 with browserSync
yarn dev

# build for production with minification
yarn build

Legal

Autor: Maskenzirkus. Lizenz Apache-2.0