# Blog的部份

## 分出任務區塊
### 部落格系統
* 編輯頁面
* 顯示所有文章頁面
* 顯示單一文章頁面
* 搜尋文章的機制
* 預覽文章的功能
* 串接 imgur
* 串接 ckeditor
### 會員系統
* 註冊頁面：身為一個管理者我希望有註冊時會再次確認密碼是否相同（表單驗證）
* 登入頁面
* 註冊機制
* 登入機制
* 登出機制
### 後台管理系統
* 使用者權限管理（所有人、一般使用者(可以發文)、停權者(不可以發文)、管理者）
* 文章權限管理（是否可以顯示文章）
### 網站系統
* 常見問題
* 條款
### 部署
### 設計稿
### 統整規格書 > Se想認領
---

### P1
* 身為一個使用者，我希望有註冊、登入、登出功能
* 前端：
* 註冊頁面：身為一個管理者我希望有註冊時會再次確認密碼是否相同（表單驗證）
> [可能的 React 網路範例](https://www.itread01.com/content/1549744236.html) BY 白白
* 登入頁面
* 後端：
* 註冊機制
* 登入機制
* 登出機制

* 身為一個使用者，我可以點進去看食記
* 前端：
* 食記頁面
* 後端：
* 撈食記資料

* 身為一個使用者，我可以寫食記
* 前端：
* 新增食記的頁面
* 串接 ckeditor
> 不用提供完整的 ckeditor，只要提供比較好用的幾個功能就好，像這個官網範例就不錯
https://ckeditor.com/ckeditor-5/demo/ BY 白白
* (串接 imgur)
* 後端：
* 新增功能
* 餐點照片(串接 imgur)

* 身為一個使用者，我希望可以預覽自己寫的食記
* 不知道如何實作？ [供參考，可能要學完 React 會比較懂這部分](https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/698862/)

* 身為使用者，我可以編輯、刪除我的食記
* 前端：
* 頁面
> "累計食記數"那個欄位就類似一個簡陋的後台了，使用者可以從那邊點擊文章 > 開一個新分頁顯示文章 > 文章頁面提供 編輯/刪除按鈕 BY 白白
* 編輯頁面
* 後端：
* 撈後台資料
* 編輯功能
* 刪除功能

* 身為使用者，我可以在首頁瀏覽食記
* 前端：
* 首頁頁面 (見 trello 草稿)
* 後端：
* 撈首頁資料

* 身為使用者，我可以瀏覽我寫過的所有食記
* 前端：
* 所有食記頁面
* 後端：
* 撈所有食記的標題

* 身為管理者，我可以設定文章類型
* <details>

* 三明治
* 小吃
* 東南亞
* 甜點
* 美式
* 中港
* 披薩
* 歐式
* 異國
* 飲料
* 健康餐
* 日韓
* 漢堡
* 素食
* 麵食料理

</details>
* 後端資料庫：[link](https://drawsql.app/yaya/diagrams/fooddiary)
> 也可以先在資料庫增加一個 `is_published = false` 欄位，作為之後擴充公開文章的功能

<details>
<summary>P2</summary>

* 身為使用者，我可以幫我的文章做分類 (optional)
* 文章放hashtag，更容易搜尋到？(optional)
* 身為使用者，我可以儲存草稿(optional)
* 身為使用者，我可以看別人的食記。
* 身為使用者，我可以在搜尋文章(optional)
* 身為使用者，我可以在別人的食計下留言(optional)
* 身為使用者，我可以儲存我喜愛的食記(optional)
* 身為使用者，我可以追蹤我喜愛的作者(optional)
* 身為管理者，我希望有一個後台管理每位使用者的文章，以及使用者權限
* 身為一個管理者我希望註冊或登入時有圖形驗證功能
* 身為一個使用者，我希望在我選定一家餐廳之後，顯示移動路線
* 身為一個使用者，我希望可以用 FB, IG, goole 帳號來登入以及分享我每次的食記
</details>