User Flow

ประกอบด้วยหน้าต่าง ๆ ดังนี้

1. Login Page

ผู้ใช้ทำการเข้าสู่ระบบเพื่อจะรับสิทธิ์ในการเข้าใช้งานส่วนต่าง ๆ ของหน้าเว็บไซต์ได้

2. Main Page

หน้าหลักของเว็บไซต์ซึ่งประกอบไปด้วยโลโก้ แถบของเมนู ส่วนของรายการโปรโมชั่นต่าง ๆ และแสดงส่วนของรายการหนังสือแนะนำ

3. Cart Page

หน้าตะกร้าใส่หนังสือของผู้ซื้อ เก็บรายการของหนังสือที่ผู้ใช้เพิ่มเข้าตะกร้าเพื่อเตรียมพร้อมที่จะซื้อและจะแสดงอยู่ที่หน้านี้ โดยจะมีการแสดงราคารวมของสินค้าทั้งหมดในตะกร้า และผู้ซื้อสามารถเพิ่มหรือลบหนังสือออกจากตะกร้าได้

UI Flow

Acceptance test

• ลิงค์สำหรับ Acceptance test ของ feature จัดการตะกร้าสินค้า

Frontend

Backend

API DESIGN

• Add To Cart

POST /cart/addbook/:id
Request body:

{
    "_id":"object(id)",
    "book_name":"book name",
    "book_price":100,
    "book_count":1
}
Response Status 200:

{
  "success": true
}

Database

Back to Task 2