---
# System prepended metadata

title: 短網址前後端整合期末考

---

# 短網址前後端整合期末考

## 分組條件
1. 有做 React 題目，並有做旅館訂房
2. 誰要做前端、誰要做後端
3. 2~3 人


## 考試時間與規則
1. 9/21(三)~9/30(五)
2. 下週五中午 12 點提供 GitHub 網址檢視、提供 postman API

## 欄位設計
1. 帳號必須是 Email 
2. 密碼有規則，一定一個大寫，跟一個特殊字元，並且在 8 碼以上，client、server 端都要驗證

## 頁面（總計 8 頁）
1. 登入/註冊/忘記密碼頁面
2. 會員頁面 / 修改密碼 / 個人資料管理(暱稱)
3. 短網址管理頁
4. 短網址數據頁

## 使用者故事(20隻)
1. 我是潛在使用者，我可以登入/註冊/忘記密碼服務
2. 我是一般會員，我可以申請修改密碼 / 個人暱稱
3. 我是一般會員，我可以新增/編輯一個短網址
::: spoiler 縮圖
![](https://i.imgur.com/R5bvHBm.png)
:::

4. 我是一般會員，我可以管理我新增的短網址
::: spoiler 縮圖
![](https://i.imgur.com/ml94Xv3.png)
:::
5. 我是一般會員，我可以用分頁觀看到其他頁面的短網址
6. 我可以看到短網址的圖表數據
:::spoiler
![](https://i.imgur.com/MGaX5Dg.png)
![](https://i.imgur.com/Xy5HAbu.png)
![](https://i.imgur.com/PZtKMhj.png)

:::
7. 我是外部訪客，我點擊短網址，會引導轉址
8. 加分條件：整合 Google 註冊/登入