# 🏅Day18 - todolist 實作篇：註冊登入功能

## 註冊功能

在進行註冊的時候，需要利用 POST 的方式並帶入「信箱」、「密碼」、「暱稱」這三個資料，

若成功的話則會回傳一組 UID 使用者的識別碼。反之，若失敗的話則會回傳相關 error 訊息。

可以參考下面的範例：

<iframe height="300" style="width: 100%;" scrolling="no" title="todolist 實作篇：註冊登入功能 - 範例(1)" src="https://codepen.io/yen-kg/embed/abgzmKE?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href="https://codepen.io/yen-kg/pen/abgzmKE">
todolist 實作篇：註冊登入功能 - 範例(1)</a> by Yen Kg (<a href="https://codepen.io/yen-kg">@yen-kg</a>)
on <a href="https://codepen.io">CodePen</a>.
</iframe>

題目
---
操作 [這個模板](https://codepen.io/yen-kg/pen/ExBaeyZ)，執行以下要求（只能操作 script 的部分）：

* 請完成登入的功能，並且將成功 or 失敗的訊息顯示在畫面上。
* 若登入成功後，請務必將後端回傳的 token 值給存起來。( 賦予到 token 這個變數上 )

## 回報流程

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


<!-- 解答：
const signIn = async () => {
try {
const response = await axios.post(`${api}/users/sign_in`, {
email: emailSignIn.value,
password: passwordSignIn.value,
});
responseMessage.value = '登入成功';
token.value = response.data.token;
isErrorMessage.value = false;
} catch (error) {
responseMessage.value = '登入失敗: ' + error.response.data.message;
isErrorMessage.value = true;
}
};
-->

回報區
---

| Discord | CodePen / 答案 |
|:----------------:|:-------------------------------------------------------------------:|
| Eden | [Codepen](https://codepen.io/iseden/pen/yyYqeoJ) |
| 地瓜 | [CodePen](https://codepen.io/huangtzuchin/pen/ByoPoXM) |
| 登登登 | [CodePen](https://codepen.io/Duncanin/pen/EaVpPGE) |
| thchen2002 | [CodePen](https://codepen.io/thchen2002/pen/MYaBKaK) |
| poyi | [CodePen](https://codepen.io/poyi-the-flexboxer/pen/empjZRK) |
| 阿鵝 | [CodePen](https://codepen.io/noracami/pen/qEOybjx) |
| RUDY | [CodePen](https://codepen.io/Rudy-crw/pen/wBKxWqX) |
| yu005620 | [CodePen](https://codepen.io/yu-chin-chiang/pen/empjzeO) |
| William Hsieh | [CodePen](https://codepen.io/lsaimqxa-the-vuer/pen/NPGBreo) |
| DaRon | [CodePen](https://codepen.io/daron0811/pen/KwdBNpm) |
| Sam.S.T.Y | [CodePen](https://codepen.io/Sam-Yang-the-animator/pen/EaVpZWa) |
| Candace | [CodePen](https://codepen.io/Candace802/pen/LEpBJed) |
| dPi | [CodePen](https://codepen.io/snijqlte-the-bold/pen/VYvBEPO) |
| Clarence | [CodePen](https://codepen.io/Clarence-Lin/pen/MYaBzVd) |
| 叮咚 | [CodePen](https://codepen.io/pinchieh-lin/pen/OPywrwe) |
| Lin | [CodePen](https://codepen.io/Lin4611/pen/PwPBVYY) |
| Loder | [CodePen](https://codepen.io/rgbkomhs-the-flexboxer/pen/qEOMEeK) |
| wei_0982 | [CodePen](https://codepen.io/nico-lai/pen/YPyOQXy) |
| dean | [CodePen](https://codepen.io/ch933114/pen/vENVXmW) |
| 阿Kai | [CodePen](https://codepen.io/kaihuang3013/pen/dPYgBRb) |
| Chen| [CodePen](https://codepen.io/JGM-C/pen/ByoGmwQ) |
|Joe|[CodePage](https://codepen.io/yen-kg/pen/ExBaeyZ)|
| 7lun | [CodePen](https://codepen.io/mfyvqhsn-the-bold/pen/jEbdopo) |
| Toung | [CodePen](https://codepen.io/Toung/pen/ByobvQK) |
| Rexlin | [CodePen](https://codepen.io/Rexlin595/pen/ogjVray) |
| 白雪 | [CodePen](https://codepen.io/weiwei032835-the-styleful/pen/wBKVdEo) |
| haohaoliao | [CodePen](https://codepen.io/tqdtaouh-the-styleful/pen/raxjzpN) |
<!--

| user | [CodePen]() |

-->