- ติดตั้ง Nuxtjs application.
- ใช้งาน Boostrap - Vue เป็น CSS framework
- สร้างหน้า post ที่
/post
- ฟอร์มการกรอกข้อมูลสร้างด้วย
tag
ของ Boostrap - Vue framework - ส่งข้อมูลไปยัง Nodejs ด้วย axios
- ฟอร์มควรมี field
- Title
- Description
- Image Url
- ติดตั้ง Nodejs.
- ใช้งาน Express เป็น JS framework
- สร้าง route api ของการสร้าง post ที่
POST /v1/api/post
- Method
POST
- Path
/v1/api/post
- Method
- ตรวจสอบความถูกต้องของข้อมูล และ แสดงผล error ที่ Nuxtjs
- ต้องกรอกข้อมูลทุกช่อง
- Title มีความยาวสูงสุด 50 อักขระ
- Description มีความยาวสูงสุด 500 อักขระ
- เมื่อการส่งแบบฟอร์มสำเร็จ
- บันทึกข้อมูลแบบฟอร์มลงในฐานข้อมูลของ mongodb
- ใช้งาน mongoose ในการเชื่อมต่อข้อมูล
- บันทึกข้อมูลใน database ชื่อ
testDatabase
- บันทึกข้อมูลใน collection ชื่อ
posts
- บันทึกข้อมูลแบบฟอร์มลงในฐานข้อมูลของ mongodb
- ให้อัพโค้ดใน Git repository