หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

กปภ. - โคลนข่าวไมโครมิธริลแฮ็กเกอร์

โคลน HackerNews ที่สร้างด้วย Micro, Mithril v1.1.1 และ Pure Material

นี่คือการพัฒนาขั้นต่ำและโดยตรง ไม่มีของแฟนซี มีหลายอย่างที่สามารถปรับปรุงได้

Mithril เป็นเฟรมเวิร์กขนาดเล็กแต่ทรงพลัง และสามารถใช้ได้กับโปรเจ็กต์ขนาดใหญ่ อย่างไรก็ตาม Pure Material ยังอยู่ในสถานะอัลฟ่า และฉันไม่แนะนำให้ใช้ในการผลิต



การสาธิตสด

รายการตรวจสอบ

กปภ

  • ขณะนี้ไซต์ให้บริการผ่าน HTTPS
  • หน้าต่างๆ ตอบสนองบนแท็บเล็ตและอุปกรณ์มือถือด้วย Pure Material
  • ข้อมูลเมตาที่ให้ไว้สำหรับ PWA เช่น สีของธีม
  • เนื้อหาสำหรับสภาพแวดล้อมที่ไม่มีสคริปต์
  • เพิ่มไปยังหน้าจอหลักด้วย Web Manifest
  • สร้างไอคอนได้ทันทีด้วย Favicons

พ.อ

  • มุมมอง: เรื่องเด่นของ Hacker News, ใหม่, แสดง, ถาม, งาน & ความเห็นแบบเธรด
  • แอปต้องแสดง 30 รายการต่อหน้าสำหรับการดูรายการเรื่องราว
  • แอปต้องเป็น Progressive Web App
  • แอปจะต้องได้คะแนนมากกว่า 90/100 โดยใช้ Lighthouse
  • แอปจะต้องตั้งเป้าที่จะโต้ตอบได้ภายใน 5 วินาทีบน Moto G4 บน 3G
  • แอปต้องใช้รูปแบบ Application Shell
  • แอปจะต้องพยายามอย่างเต็มที่เพื่อทำงานข้ามเบราว์เซอร์
  • แอพรองรับการแคชข้อมูล HN แบบออฟไลน์
  • แอพอาจใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์
  • ใช้ Firebase API อย่างเป็นทางการของ Hackernews กับ firebase-hackernews

รายละเอียด HNPWA

  • ไลบรารี Framework/UI: Micro + Mithril + Pure Material
  • การรวมโมดูล: Webpack
  • พนักงานบริการ: เชลล์แอปพลิเคชัน
  • การแสดงผลฝั่งเซิร์ฟเวอร์: ไม่
  • API: API ของแฮ็กเกอร์ข่าว Firebase
  • โฮสติ้ง: ตอนนี้
  • รายละเอียดอื่นๆ : Task runner อึก. สไตลัสตัวประมวลผลล่วงหน้า CSS

เริ่มต้นใช้งาน 

 # install dependencies
yarn install

# serve at localhost:8000 with browserSync
yarn dev

# build for production with minification
yarn build

ถูกกฎหมาย

ผู้เขียน : ละครสัตว์มาสเคอเรด. ใบอนุญาต Apache-2.0

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด