使用者憑證部分

• 網頁有兩種使用角色：一般使用者 (以下稱 user)、管理員 (以下稱 admin)
• admin 帳號不能登入前台、不能使用前台的功能，而 user 帳號也不能登入後台、不能使用後台的功能。
• 訪客可以自行註冊成為 user，但 admin 帳號無法自行註冊，admin 帳號會由工程師手動開設，例如直接操作資料庫或設定種子資料。
• 除了註冊和登入頁，使用者一定要登入才能使用網站。當使用者尚未註冊便試圖登入時，會有錯誤提示。
  • 錯誤提示文案：帳號不存在！
  • 錯誤提示樣式請參考 UI 設計稿
  • 頁面重新整理後顯示錯誤提示（後端驗證）
• 註冊時，使用者可以設定 account、name、email 和 password
  • account：如 ellenlee，必須是獨一無二的，在設計稿上看到的 @ellenlee 的前綴 @ 為 前端自動生成，非資料的一部分。用意是在前端版面上呈現 name/account 的差異 (圖解)
  • name：平常顯示的暱稱，如 Ellen Lee，上限 50 字
• 使用者能編輯自己的 account、name、email 和 password
• 註冊/編輯時，account 和 email 不能與其他人重複，若有重複會跳出錯誤提示
  • 錯誤提示文案：「account 已重複註冊！」或「email 已重複註冊！」
  • 頁面重新整理後顯示錯誤提示（後端驗證）
• 使用者能編輯自己的名稱、自我介紹、個人頭像與封面
  • 自我介紹數字上限 160 字、暱稱上限 50 字
    • 錯誤提示文案：字數超出上限！
    • 直接防止表單送出（前端驗證）
    • 錯誤提示樣式請參考設計稿中，Basic Element 的頁面

種子資料設計

• 種子帳號（含指定測試帳號）：
  • Admin （必須包括登入帳號 account: root, email: [email protected], password: 12345678）
• 至少提供 5 個一般使用者（其中必須包括登入帳號 account: user1, email: [email protected], password: 12345678）
• 每個使用者有 10 篇 tweet
• 每篇 tweet 有隨機 3 個留言者，每個人有 1 則留言

前台

貼文留言

• 使用者能在首頁瀏覽所有的推文 (tweet)
  • 所有 Tweets 依 create 日期排序，最新的在前
• 點擊貼文方塊時，能查看貼文與回覆串
• 使用者能回覆別人的推文
  • 回覆文字不能為空白
    • 錯誤提示文案：內容不可空白
    • 直接防止表單送出（前端驗證）
  • 若不符合規定，會跳回同一頁並顯示錯誤訊息