Flow View Favorite Service Center - Kanapakan/MoodMent-Project-SW-dev-tool GitHub Wiki

View Favorite Service Center = ผู้ใช้สามารถดูสถานที่ให้บริการด้านสุขภาพจิต (Service Center) ที่บันทึกไว้ในรายที่ชื่อชอบ (Favorite) ได้

User Flow

มีวิธีเข้าดูสถานที่ให้บริการด้านสุขภาพจิต (Service Center) ที่บันทึกไว้ในรายที่ชื่อชอบ 2 วิธี

เข้าดูจากหน้า User Profile

1. เมื่อ User เข้าใช้งานเว็บก็จะพบกับหน้า Main
2. Click Profile tab เพื่อไปยังหน้าประวัติของผู้ใช้
3. Click Favorite tab เพื่อเข้าสู่หน้า Favorite
4. ในหน้า Favorite จากแสดงรายการของ Service Center ที่ชื่อชอบของผู้ใช้ที่ได้ทำการบันทึกไว้

เข้าดูจากการ Filter Favorite

1. เมื่อ User เข้าใช้งานเว็บก็จะพบกับหน้า Main
2. Click Service Center Tab หรือ Link to Service Center จากหน้า Main เพื่อไปยังหน้าสถานที่ให้บริการด้านสุขภาพจิต (Service Center)
3. คลิกเลือก Filter Favorite เพื่อทำการเลือกดูแค่รายการที่ Service Center ที่บันทึกไว้

UI Flow

Acceptance Tests

View more Favorite Service Center Acceptance Tests

Technical

Frontend

• Ui For Frontend

1. Design
2. เขียนโค้ดโดยใช้ React โดยเริ่มจากการสร้าง Component ที่จำเป็นและวาง Route ของแต่ละหน้า จากนั้นจึง Implement แต่ละหน้าตาม User Flow
3. Test ใช้ Acceptance Test ในการตรวจสอบการทำงานของ Website ว่าตรงกับ Business Logic ของโปรเจคหรือไม่
4. Deploy โดยใช้ Docker ในการ Deploy

Backend

1. Design API

   • Main Page
     • getProfile
   • Service Center Page
     • getAllServiceCenter
     • getFavoriteByUserId
   • Profile Page
     • getProfile
     • getFavoriteByUserId

2. เขียนโค้ดโดยใช้ NestJS

3. Test API ด้วย Postman

4. Deploy โดยใช้ Docker ในการ Deploy

Database

• MoodMent DBdiagram

Flow นี้มีการใช้ข้อมูลจากตาราง ดังนี้

• USER Table
• SERVICE_CENTER Table
• FAVORITE Table

---

Back to top