Feature ผู้ว่าจ้างประกาศรับสมัครงาน - taritinth/sw-dev-tools-and-environments-project GitHub Wiki

Flow ผู้ว่าจ้างประกาศรับสมัครงาน

User Flow


  1. เมื่อผู้ใช้งาน login เข้าสู่ระบบจะมาอยู่ที่หน้า Home Page
  2. จากนั้นให้ผู้ใช้งานกดเข้าไปใน Profile Page เพื่อเพิ่มชื่อบริษัท ช่องทางการติดต่อ และเว็บไซต์ของบริษัท
  3. เมื่อผู้ใช้งานเพิ่มหน้าโปรไฟล์สำเร็จจะกลับมาสู่หน้า Home Page อีกครั้ง
  4. ผู้ใช้งานกดเข้าหน้า Hiring Job Page เพื่อกรอกระยะเวลาสิ้นสุดการสมัคร เงินเดือน ประเภทงาน (Part-time, Internship, Full-time) รายละเอียดของตำแหน่งงานนั้นๆ รูปแบบธุรกิจและสวัสดิการ
  5. ผู้ใช้งานกด "Post Hiring" เพื่อโพสต์ประวัติการว่าจ้างลงไปในหน้า Search Job Page

UI Flow

Home Page


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

Profile Page


  • เมื่อผู้ใช้ (ผู้ว่าจ้าง) เข้ามายังหน้า Profile Page ผู้ใช้จะสามารถกรอกฟอร์มเพื่อสร้างโปรไฟล์ของบริษัทได้ โดยฟอร์มจะประกอบไปด้วย ภาพโลโก้บริษัท ชื่อบริษัท อีเมล เบอร์โทรศัพท์ และเว็บไซต์ของบริษัท
  • มุมขวาล่างของฟอร์มจะเป็นปุ่ม Done เพื่อยืนยันการสร้างโปรไฟล์ของผู้ใช้
  • ถ้าผู้ใช้ต้องการแก้ไขข้อมูลโปรไฟล์ ก็สามารถมาแก้ไขได้ที่หน้า Profile Page เช่นกัน

Create Hiring Job Page


  • เมื่อผู้ใช้ (ผู้ว่าจ้าง) กด create new hiring จะปรากฏหน้า moodle ขึ้นมาเพื่อให้กรอกรายละเอียดประกาศรับสมัครงาน ซึ่งประกอบไปด้วย วันสิ้นสุดการรับสมัครงาน, เงินเดือน, ประเภทงาน, คำอธิบาย, รายละเอียดงาน รูปแบบธุรกิจและสวัสดิการ
  • ด้านล่างจะมีปุ่ม Post Hiring สำหรับโพสต์ประกาศงานดังกล่าว

Acceptance Test

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

Technical

Frontend

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

Backend

API Design

  • Get Company Profile
GET /profiles/:companyId

Response Status 200:

{
   "_id": "ObjectId(companyId)",
   "fullName": "True Corp",
   "profileImg": "https://i.imgur.com/tdi3NGa.png",
   "email": "[email protected]",
   "phone": "025665565",
   "website": "https://true.co.th"
}
  • Update Company Profile
GET /profiles/:companyId

Response Body:

{
   "_id": "ObjectId(companyId)",
   "fullName": "True Corp",
   "profileImg": "https://i.imgur.com/tdi3NGa.png",
   "email": "[email protected]",
   "phone": "025665565",
   "website": "https://true.co.th"
}

Response Status 200:

{
   "success": true
}
  • Get Company Jobs
GET /jobs/:companyId

Response Status 200:

{
  "jobs": [
    {
      "_id": "ObjectId(_id)",
      "company": {
         "_id": "ObjectId(companyId)",
         "fullName": "True Corp",
         "profileImg": "https://i.imgur.com/tdi3NGa.png",
         "email": "[email protected]",
         "phone": "025665565",
         "website": "https://true.co.th"
      },
      "jobTitle": "Full-Stack Developer",
      "jobDesc": "We are looking for proficient with DevOps technologies.",
      "jobType": "internship",
      "startDate": "2022-01-01",
      "endDate": "2022-01-30",
      "createDate": "2021-12-30"
    },
    {
      "_id": "ObjectId(_id)",
      "company": {
         "_id": "ObjectId(companyId)",
         "fullName": "True Corp",
         "profileImg": "https://i.imgur.com/tdi3NGa.png",
         "email": "[email protected]",
         "phone": "025665565",
         "website": "https://true.co.th"
      },
      "jobTitle": "Full-Stack Developer",
      "jobDesc": "We are looking for proficient with DevOps technologies.",
      "jobType": "internship",
      "startDate": "2022-01-01",
      "endDate": "2022-01-30",
      "createDate": "2021-12-30"
    },
    {
      "_id": "ObjectId(_id)",
      "company": {
         "_id": "ObjectId(companyId)",
         "fullName": "True Corp",
         "profileImg": "https://i.imgur.com/tdi3NGa.png",
         "email": "[email protected]",
         "phone": "025665565",
         "website": "https://true.co.th"
      },
      "jobTitle": "Full-Stack Developer",
      "jobDesc": "We are looking for proficient with DevOps technologies.",
      "jobType": "internship",
      "startDate": "2022-01-01",
      "endDate": "2022-01-30",
      "createDate": "2021-12-30"
    }
  ]
}
  • Create Job Hiring
POST /jobs/

Response Body:

{
      "company": ObjectId(companyId),
      "jobTitle": "Full-Stack Developer",
      "jobDesc": "We are looking for proficient with DevOps technologies.",
      "jobType": "internship",
      "startDate": "2022-01-01",
      "endDate": "2022-01-30",
      "createDate": "2021-12-30"
}

Response Status 200:

{
   "success": true
}
  • Develop
  • Testing
  • Deployment - AWS

Database

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

Back to top

⚠️ **GitHub.com Fallback** ⚠️