mithril hackernews pwa

PWA - Clone de nouvelles de Micro Mithril Hacker

Clone HackerNews construit avec Micro, Mithril v1.1.1 et Pure Material.

Il s’agit d’un développement minimal et direct. Pas de trucs fantaisistes. Il y a beaucoup de choses qui pourraient être améliorées.

Mithril est un framework petit mais puissant et peut être utilisé pour de grands projets. Cependant, Pure Material est toujours en état alpha et je ne le recommande pas pour son utilisation en production.

Démo en direct

Liste de contrôle

PWA

• Le site est désormais servi via HTTPS
• Les pages sont réactives sur les tablettes et les appareils mobiles avec Pure Material
• Métadonnées fournies pour PWA comme theme-color
• Contenu pour environnement sans script
• Ajouter à l'écran d'accueil avec le manifeste Web
• Créez des icônes à la volée avec les Favicons

HNPWA

• Vues : Hacker News Top Stories, Nouveau, Afficher, Demander, Offres d'emploi et commentaires en fil de discussion
• L'application doit afficher 30 éléments par page pour les vues de liste d'histoires
• L'application doit être une application Web progressive
• L'application doit obtenir un score supérieur à 90/100 en utilisant Lighthouse
• L'application doit devenir interactive en moins de 5 secondes sur un Moto G4 via 3G
• L'application doit utiliser le modèle Application Shell
• L'application doit faire de son mieux pour fonctionner sur plusieurs navigateurs
• L'application prend en charge la mise en cache hors ligne des données HN
• L'application peut utiliser le rendu côté serveur.
• Utilisation de l'API Firebase officielle de Hackernews avec Firebase-hackernews

HNPWA Détails

• Bibliothèques Framework/UI : Micro + Mithril + Pure Material
• Regroupement de modules : Webpack
• Service Worker : Shell d'application
• Rendu côté serveur : non
• API : API Firebase de Hacker News
• Hébergement : maintenant
• Autres détails : exécuteur de tâches Gulp. Stylet de préprocesseur CSS.

Commencer

 # install dependencies
yarn install

# serve at localhost:8000 with browserSync
yarn dev

# build for production with minification
yarn build

Légal

Auteur : Masquerade Circus. Licence Apache-2.0