---
# System prepended metadata

title: 第三週作業挑戰
tags: [Vue 直播班 DLC - 2023 冬季班]

---

# 第三週作業挑戰


## 完成 Todo 功能，並串接註冊、登入及完整 API

- 設計稿：https://www.figma.com/file/pFivfS3rDX3N3u3dN9aIlx/TodoList?node-id=0%3A1
- CSS 範例：https://codepen.io/liao/pen/mdpmXKg?editors=1010
- API 連結：https://todolist-api.hexschool.io/doc/

#### 挑戰項目：

使用 Vue3 Composition API 開發 Todo 工具，並套用課程所提供的版型。
- 所有功能都需要串接 API 完成
- 需要包含註冊、登入
- 需要包含新增、編輯、修改、刪除
- 需要包含 Router
- 可挑戰結合 Pinia


## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/vftL5i0.png)


:::info

|        Level        | 說明                           |
|:-------------------:|:------------------------------ |
|   **LV1**   | 使用課程版型，並套用 Todo 功能        |
|   **LV2**   | 自定義版型，並套用 Todo 功能 |

---

### 回報區

|  #  | Level | Discord | CodePen / 答案 |
|:---:|:----- |:-------:|:--------------|
| 1 | LV2 | Casper[範例解答] | 無範例解答 |

<!-- 
| no | LV | name |  | 
-->