Frontend

Matching Page (index)

เป็นหน้าการใช้งานแรกที่ปรากฏ โดยหน้านี้จะประกอบไปด้วยส่วนสำคัญ 2 ส่วน ได้แก่

• Tag button เป็นปุ่มประเภทสินค้าที่ผู้ใช้สามารถเลือกได้ว่าต้องการสินค้าประเภทใด
• Next button หลังจากเลือกประเภทสินค้าที่ต้องการแล้วสามารถกดปุ่มนี้ได้ เพื่อไปยังหน้าถัดไปคือหน้า home

Search Page (home)

• All post & post result เป็นส่วนการแสดงโพสต์ที่เกี่ยวข้องทั้งหมดโดยในส่วนนี้จะมีการเชื่อมต่อ API เพื่อแสดงผลด้วย
• Search bar เป็นช่องการค้นหาโพสต์จากชื่อสินค้า
• Tag button เป็นส่วนที่แสดงชื่อประเภทสินค้าโดยเมื่อกดจะทำการกรองโพสต์ตามประเภทสินค้า
• Post detail modal เป็นส่วนแสดงรายละเอียดของสินค้าของโพสต์นั้นๆ ที่ได้เลือก โดยส่วนนี้จะมีการเชื่อม API เพื่อแสดงผล

Backend

ในส่วนของ backend จะแบ่งออกเป็น 4 ส่วนได้แก่

• Controller เป็นส่วนการจัดการ path การเข้าถึงโดยจะทำหน้าที่การติดต่อระหว่าง frontend และ service
• Service เมื่อได้รับการติดต่อจาก Controller หมายความว่า Service จะมีการถูกเรียกใช้ให้ทำตามคำสั่งที่ได้ถูกกำหนดไว้ในแต่ละ Service เช่น การดึงข้อมูลจากฐานข้อมูลมาใช้งาน
• Repository เป็นตัวกลางการติดต่อระหว่าง Service และ Database เนื่องจาก Service ไม่สามารถเข้าถึง Database ได้โดยตรง
• Database เป็นฐานข้อมูลของระบบ