Skip to content

Latest commit

 

History

History
32 lines (24 loc) · 1.78 KB

README.md

File metadata and controls

32 lines (24 loc) · 1.78 KB

Blog Requirements

ภาพรวม

  • เขียนโค้ดเพื่อดึงคอนเทนต์มาแสดงโดยเชื่อมต่อผ่านทาง REST API
  • ตัวย่าง api ที่เปิดให้ใช้งานได้ฟรี (สามารถเลือกใช้ตัวอื่นได้): https://jsonplaceholder.typicode.com/posts/
  • ส่งงานผ่านทาง Github repo ของตัวเอง

1) ฟีเจอร์ หน้า Home

  • แสดงลิสต์บทความ 5 รายการ
  • สามารถกดปุ่ม "แสดงเพิ่ม" เพื่อดึงบทความจาก API มาแสดงเพิ่มเติม
  • สามารถคลิกที่ชื่อของแต่ละบทความเพื่อเข้าไปอ่านเนื้อหาของบทความดังกล่าวที่หน้า Blog Detail ได้
  • สามารถพิมพ์ชื่อบทความในช่องค้นหาเพื่อฟิลเตอร์บทความที่มีชื่อตรงกัน

2) ฟีเจอร์ หน้า Blog Detail

  • แสดงเนื้อหาของบทความที่คลิกเลือกจากหน้า Home
  • คลิกกลับไปหน้า Home ได้

Nuxt Commands

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

For detailed explanation on how things work, check out Nuxt.js docs.