List of Tasks - trabnm1313/SDTP GitHub Wiki

Frontend Tasks

Collaborators

ปิยะพิชฌ์ จุลพันธ์ วรเมธ สาริกาเกตุ สุเมธ ศิลมั่น

Task : หน้า Main

ผู้รับผิดชอบ Task : วรเมธ สาริกาเกตุ

Description : หน้า Main เป็นหน้าหลักที่ User จะเข้ามาพบเจอเป็นส่วนแรก โดยจะทำหน้าที่ลิงก์ไปที่ส่วนอื่น ๆ ของเว็บไซต์

Subtasks:

  • สร้าง Component (เวลาทำงาน 1 ชม.)
    • สร้าง Component ในส่วนของหน้า Main ให้ครบตาม UI Design
  • จัดหน้า (เวลาทำงาน 1 ชม.)
    • จัด Component ให้แสดงผลตรงตาม UI Design ของหน้า Main
  • เชื่อมกับหน้า Filter (เวลาทำงาน 1 ชม.)
    • เชื่อมต่อหน้า Main ให้สามารถ Navigate ไปหน้า Filter ได้

เงื่อนไขการสำเร็จ: สามารถแสดงผลหน้า Main ได้ตามที่ Design ไว้

Task : หน้า Menu Filter

ผู้รับผิดชอบ Task : สุเมธ ศิลมั่น

Description : หน้า Menu Filter เป็นส่วนหนึ่งของ Feature: Random Menu เป็นหน้าสำหรับเอาไว้เลือก Filter เพื่อให้ระบบสุ่มเมนูออกมาได้ตรงตามความต้องการ

Subtasks:

  • สร้าง Component (เวลาทำงาน 1 ชม.)
    • สร้าง Component ในส่วนของหน้า Menu Filter ให้ครบตาม UI Design
  • จัดหน้า (เวลาทำงาน 1 ชม.)
    • จัด Component ให้แสดงผลตรงตาม UI Design ของหน้า Menu Filter
  • เชื่อม Component กับ Data (เวลาทำงาน 30 น.)
    • เชื่อม Component Model กับ Data ต่างๆ
  • เชื่อมกับหน้า Main (เวลาทำงาน 1 ชม.)
    • สร้าง Navigation ไปที่หน้า Main และ หน้า RandomDisplay

เงื่อนไขการสำเร็จ: สามารถแสดงผลและกดเลือก Filter ต่าง ๆ เเล้วทำการส่งค่าไปให้หน้า RandomDisplay หรือสามารถกดกลับไปที่หน้า Main ได้

Task : หน้า Random Display Page

ผู้รับผิดชอบ Task : ปิยะพิชฌ์ จุลพันธ์

Description : หน้าแสดงผลลัพธ์การสุ่มให้ User ดู

Subtasks:

  • สร้าง Component (เวลาทำงาน 1 ชม.)
    • สร้าง Component ในส่วนของหน้า Random Display Page ให้ครบตาม Design
  • จัดหน้า (เวลาทำงาน 1 ชม.)
    • จัด Component ให้แสดงผลตรงตาม Design ของหน้า Random Display Page
  • เชื่อมกับหน้า Filter (เวลาทำงาน 1 ชม.)
    • เชื่อมต่อกับหน้า Filter เพื่อรับค่ามาใช้ Query
  • เชื่อมหลังบ้าน (เวลาทำงาน 1 ชม.)
    • เชื่อมต่อ API หลังบ้านเพื่อทำการดึงข้อมูลจาก Firestore

เงื่อนไขการสำเร็จ: สามารถแสดงผลลัพธ์การสุ่ม Menu ที่ทำการดึงข้อมูลจาก API ได้สำเร็จ เเละสามารถกดย้อนกลับไปหาหน้า Filter ได้


Backend Tasks

Collaborators

เกษราภรณ์ เดชบุญ ณชนน บุญสนอง ธนาทร เรืองอารี

Task : Random Menu API

ผู้รับผิดชอบ Task : ธนาทร เรืองอารี

Subtasks:

  • เชื่อม Server กับ Firebase (เวลาทำงาน 1 ชม.)
    • Config Firebase ตัว Project ให้สามารถใช้งานเข้ากับ Firestore ได้
  • เขียน API รับ Request ส่ง Response (เวลาทำงาน 1 ชม.)
    • เขียน API ในการดึงข้อมูลมาใช้ในการสุ่มเมนูอาหารเเล้วส่งผลลัพธ์ให้กับหน้าบ้าน
  • เขียน Random Logic (เวลาทำงาน 1 ชม.)
    • เขียนและออกแบบรูปแบบ เงื่อนไข ที่จะสุ่มผลลัพธ์ออกมา
  • Test API (เวลาทำงาน 1 ชม.)
    • ทดสอบว่า API ทำงานได้ปกติหรือไม่ บน Localhost เพื่อหา Bug ที่จะเกิดขึ้น
  • Deploy ขึ้น Firebase Cloud Function (เสียเงิน)
    • นำ API ขึ้น Server Cloud Firebase

เงื่อนไขการสำเร็จ: API สามารถดึงข้อมูลจาก Database เเล้วทำการสุ่มผลลัพธ์ออกมาส่งให้กับหน้าบ้านได้

Task : ตัวควบคุมการ Create, Read, Update & Delete

ผู้รับผิดชอบ Task : ณชนน บุญสนอง

Subtasks:

  • สร้าง API ที่ใช้ในการสร้างเมนูอาหาร
    • เขียน API รับข้อมูลของเมนูอาหารและบันทึกลงระบบ
  • สร้าง API ที่ใช้ในการอ่านข้อมูลของเมนูอาหาร
    • เขียน API ที่อ่านข้อมูลเมนูอาหารที่อยู่ในระบบ
  • สร้าง API ที่ใช้ในการอัพเดทรายการเมนูอาหาร
    • เขียน API ที่ใช้ในการอัพเดทข้อมูลเมนูอาหารที่อยู่ภายในระบบ
  • สร้าง API ที่ใช้ในการลบรายการเมนูอาหาร
    • เขียน API ที่ใช้ในการลบข้อมูลอาหารที่อยู่ภายในระบบ

เงื่อนไขการสำเร็จ: สามารถจัดการกับข้อมูลใน Database ได้


Database Tasks

Collaborators

เกษราภรณ์ เดชบุญ ณชนน บุญสนอง ธนาทร เรืองอารี

Task : ขึ้น Database

ผู้รับผิดชอบ Task : เกษราภรณ์ เดชบุญ

Description : สร้างข้อมูลของเมนูอาหารเพื่อนำข้อมูลเข้าไปใน Firebase - Cloud Firestore สำหรับให้ Random Menu API เรียกใช้ในการสุ่มเมนูอาหาร

Subtasks:

  • สร้าง & Config Firebase (เวลาทำงาน 30 น.)
    • ทำการสร้างและ Config Project Firebase สำหรับเก็บข้อมูลเมนูอาหาร
  • หาข้อมูล Mock DB เมนูเส้น 10 เมนู (เวลาทำงาน 1 ชม.)
    • สร้างข้อมูลเมนูประเภทเส้นทั้งหมด 10 เมนู ตามรูปแบบ Menu Data Structure
  • หาข้อมูล Mock DB เมนูข้าว 10 เมนู (เวลาทำงาน 1 ชม.)
    • สร้างข้อมูลเมนูประเภทข้าวทั้งหมด 10 เมนู ตามรูปแบบ Menu Data Structure
  • เอาข้อมูลลง DB (เวลาทำงาน 1 ชม.)
    • นำข้อมูลเมนูประเภทเส้นและเมนูประเภทข้าวทั้งหมดเข้าไปใน Cloud Firestore ของ Firebase

เงื่อนไขการสำเร็จ: มีข้อมูลเมนูอาหารอย่างน้อย 20 เมนูอยู่ใน Database พร้อมให้เรียกใช้งานได้


Task : ส่วนการ Deployment

ผู้รับผิดชอบ Task : ปิยะพิชฌ์ จุลพันธ์

Subtasks:

  • Deploy Frontend (1 ชม.)
    • นำส่วนของ Frontend ที่พัฒนามาขึ้นบน Firebase Web Hosting Service
  • Deploy Backend (1 ชม.)
    • นำส่วนของ Backend ที่พัฒนามาขึ้นบน Firebase Cloud Function

เงื่อนไขการสำเร็จ: สามารถ Deploy เเล้ว เข้าถึงเว็บไซต์ได้จาก URL: https://sdtp-81222.web.app/ อย่างถูกต้อง