mithril hackernews pwa

PWA - Klon Berita Peretas Mithril Mikro

Klon HackerNews dibuat dengan Micro, Mithril v1.1.1 dan Pure Material.

Ini adalah perkembangan minimal dan langsung. Tidak ada barang mewah. Ada banyak hal yang bisa diperbaiki.

Mithril adalah framework yang kecil namun kuat dan dapat digunakan untuk proyek besar, namun Pure Material masih dalam kondisi alpha dan saya tidak merekomendasikannya untuk digunakan dalam produksi.

Demo Langsung

Daftar periksa

PWA

• Situs disajikan melalui HTTPS sekarang
• Halaman responsif di tablet & perangkat seluler dengan Bahan Murni
• Metadata disediakan untuk PWA seperti warna tema
• Konten untuk lingkungan tanpa skrip
• Tambahkan ke layar Beranda dengan Web Manifest
• Bangun ikon dengan cepat menggunakan Favicon

HNPWA

• Tampilan: Berita Peretas Berita Utama, Baru, Pertunjukan, Tanya, Pekerjaan & Komentar berulir
• Aplikasi harus menampilkan 30 item per halaman untuk tampilan daftar cerita
• Aplikasi harus berupa Aplikasi Web Progresif
• Aplikasi harus mendapat skor lebih dari 90/100 menggunakan Lighthouse
• Aplikasi harus bertujuan untuk menjadi interaktif dalam waktu kurang dari 5 detik di Moto G4 melalui 3G
• Aplikasi harus menggunakan pola Application Shell
• Aplikasi harus melakukan yang terbaik untuk bekerja lintas-browser
• Aplikasi mendukung cache offline data HN
• Aplikasi mungkin menggunakan rendering sisi server.
• Menggunakan API firebase resmi Hackernews dengan firebase-hackernews

Detail HNPWA

• Pustaka Kerangka/UI: Mikro + Mithril + Bahan Murni
• Bundel modul: Webpack
• Pekerja Layanan: Shell Aplikasi
• Render sisi server: Tidak
• API: API Firebase Berita Peretas
• Tuan rumah: Sekarang
• Detail lainnya: Pelari tugas Gulp. Stylus Praprosesor CSS.

Memulai

 # install dependencies
yarn install

# serve at localhost:8000 with browserSync
yarn dev

# build for production with minification
yarn build

Legal

Pengarang: Masquerade Circus. Lisensi Apache-2.0