• User Flow
• UI Flow
• Acceptance Test
• Technical

1. ผู้ใช้งานอยู่ที่หน้า Home Page
2. ผู้ใช้งานกดเข้าหน้า Application Page เพื่อทำการ Hired หรือ Rejected

• เมื่อผู้ใช้ (ผู้ว่าจ้าง) เข้ามายังหน้า Home Page จะพบกับ card ที่บริษัทผู้ว่าจ้างนั้น ๆ เคยประกาศไว้
• ในแต่ละ card จะประกอบไปด้วยรายละเอียดการรับสมัครงาน และรูปโปรไฟล์ของบริษัท
• card ลำดับแรกสุด จะเป็นปุ่มที่ผู้ใช้สามารถกดเพื่อสร้างประกาศรับสมัครงานใหม่ได้
• ด้านซ้ายมือของผู้ใช้จะเป็น Side bar ที่รวบรวม link ไปยังหน้าต่าง ๆ ได้แก่ Home, Profile และ Application
• ด้านบนจะเป็น Search bar สำหรับหาประกาศรับสมัครงานของบริษัทผู้รับสมัครงาน และมีปุ่ม filter ด้านขวามือเพื่อฟิลเตอร์ลักษณะของงาน

• เมื่อผู้ใช้ (ผู้ว่าจ้าง) เข้ามายังหน้า Applications Page จะแสดงเป็นรายการ (list) ที่ผู้สมัครงานยื่นสมัครงานเข้ามาในแต่ละตำแหน่งงานที่ผู้ว่าจ้างได้ลงประกาศรับสมัครงานเอาไว้ และแสดงรายชื่อของผู้ที่สมัครงาน พร้อมตำแหน่งงานที่ต้องการสมัคร
• ด้านขวามือจะแสดงสถานะของการสมัครงานแต่ละงาน ซึ่งมีด้วยกัน 3 สถานะ ได้แก่ Pending, Hired และ Rejected และผู้ว่าจ้างสามารถเปลี่ยนสถานะของผู้ที่สมัครงานได้
• ด้านบนจะเป็นปุ่มเพื่อ filter สถานะต่างๆ ที่ต้องการเรียกดู

https://docs.google.com/spreadsheets/d/1DrzDDl_gk4Mh4RM-w8MI612OaUO3hKdxE0LmQdMj6oE/edit#gid=1130105773

• UI Design
• Coding - Nuxt.js
• Testing
• Deployment - AWS

• Get Applications List

GET /applications

Authorization : **Required**

Response Status 200:

[
  {
    "_id": "ObjectId(_id)",
    "job": "ObjectId(jobId)",
    "user": "ObjectId(userId)",
    "company": "ObjectId(companyId)",
    "status": "pending"
  },
  {
    "_id": "ObjectId(_id)",
    "job": "ObjectId(jobId)",
    "user": "ObjectId(userId)",
    "company": "ObjectId(companyId)",
    "status": "rejected"
  }
]

• View Applications Details

GET /applications/:id

Authorization : **Required**

Response Status 200:

{
    "_id": "ObjectId(_id)",
    "job": "ObjectId(jobId)",
    "user": "ObjectId(userId)",
    "company": "ObjectId(companyId)",
    "status": "pending"
 }

• Update Applications Status

PUT /applications/:id

Authorization : **Required**

Request Body: 

{
    "_id": "ObjectId(_id)",
    "job": "ObjectId(jobId)",
    "user": "ObjectId(userId)",
    "company": "ObjectId(companyId)",
    "status": "hired"
 }

Response Status 200:

{
  "success": true
}

• Develop
• Testing
• Deployment - AWS

https://github.com/taritinth/sw-dev-tools-and-environments-project/wiki/Task-2-Flow

Back to top