# 第一週作業挑戰

## 完成 Todo 功能

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

#### 挑戰項目：

使用 Vue3 Composition API 開發 Todo 工具，並套用課程所提供的版型。
- 需要包含新增、編輯、修改、刪除
- 需要加入完成、待完成、已完成
- 不需要製作登入、註冊的功能

## 回報流程

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


:::info

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

---

### 回報區

| # | Level | Discord | CodePen / 答案 |
|:---:|:----- |:-------:|:--------------|
| 1 | LV2 | Casper[範例解答] | [Codepen v1](https://codepen.io/Wcc723/pen/WNWjreb) [Codepen v2](https://codepen.io/hsiangfeng/pen/mdgmVeo) |
| 2 | LV2 | Ataraxia | [Codepen v1](https://codepen.io/ataraxia8888/full/abxwBar) [Codepen v2](https://codepen.io/ataraxia8888/full/JjVJPKz) |
| 3 | LV2 | Rock | [Codepen v2](https://codepen.io/xiu43317/pen/xxerNNo)|
| 4 | LV2 | 銀光菇 | [ghPage v2](https://gingene.github.io/HexSchool-compositionAPI/#/todos) [GitHub](https://github.com/Gingene/HexSchool-compositionAPI/blob/main/src/views/TodoList/TodoListView.vue)|
| 5 | LV1 | RayRay | [Codepen v1](https://codepen.io/CityRay/pen/VwNzVWa) |
| 6 | LV1 | yuan! | [GitHub](https://github.com/townyuan/vue3-composition-api-todolist1)．[GitHubPages](https://townyuan.github.io/vue3-composition-api-todolist1/)|
| 7 | LV1 | MY | [GitHub](https://github.com/ahmomoz/todolist0405)/[GitHubPages](https://ahmomoz.github.io/todolist0405/#/todolist)|
| 8 | LV1 | 郭芙蘭 | [GitHub](https://github.com/Florakuo1112/flora-s-simple-todo-list)/[GitHubPages](https://florakuo1112.github.io/flora-s-simple-todo-list/#)|
| 9 | LV1 | Ivy | [Codepen v1](https://codepen.io/Irene-Ke/pen/mdgxVVJ) |
| 10 | LV2 | Uli | [GitHub Repo](https://github.com/Uli1313/vue-composition-api-todolist)/[GitHub Pages](https://uli1313.github.io/vue-composition-api-todolist/) |
| 11 | LV2 | 保羅 | [Codepen v2](https://codepen.io/paul-1997/pen/GRLLjWg)|
| 12 | LV1 | Atsushi | [GitHub Repo](https://github.com/newhandarky/Composition-TodoList)/[GitHub Pages](https://newhandarky.github.io/Composition-TodoList/) |

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