add answer

Author: smlsunxie

004-js-workshop/004005-view.md

@@ -42,7 +42,7 @@
 ```
   async mounted () {
 
-    let response = await fetch("http://localhost:3000/api/users/spooky/tasks");
+    let response = await fetch("http://localhost:3000/api/users/hellojs/tasks");
     let result = await response.json();
 
     result.tasks.forEach((task) => {
@@ -96,7 +96,7 @@
         completed: false
       }
 
-      let response = await fetch('http://localhost:3000/api/users/spooky/tasks/create', {
+      let response = await fetch('http://localhost:3000/api/users/hellojs/tasks/create', {
         method: 'post',
         headers: {"Content-Type": "application/json"},
         body: JSON.stringify(data)

004-js-workshop/readme.md

@@ -2,7 +2,7 @@
 
 ## Story
 
-為了提供使用者可以記錄各自的待做項目，需要提供後台可以新增使用者，必且讓使用者可以自行新增待做事項。
+為了提供使用者可以記錄各自的待做項目，需要提供後台可以新增使用者，並且讓使用者可以自行新增待做事項。
 
 ## 測試方式
 

005-js-practice/005001-task-completed.md 005-js-practice/005001-task-completed.md005-js-practice/005001-task-completed.md renamed to 005-js-practice/005001-task-completed.md

@@ -6,13 +6,51 @@
 
 ## 步驟
 
+### 後端調整
+
 * model Task 新增 completed 欄位紀錄 Task 是否被完成
+
+* migration 程序新增 model Task 欄位 completed
+
+新增 migration 檔案指令
+
+`node_modules/.bin/sequelize migration:create --name task-add-completed`
+
+
+```
+module.exports = {
+up: (queryInterface, Sequelize) => {
+    queryInterface.addColumn(
+    'Todo',
+    'completed',
+    Sequelize.BOOLEAN
+    );
+},
+
+down: (queryInterface, Sequelize) => {
+    queryInterface.removeColumn(
+    'Todo',
+    'completed'
+    );
+}
+};
+
+```
+
+執行下列指令更新 database
+
+`node_modules/.bin/sequelize db:migrate`
+
+
 * 撰寫 test case 確認更新 model Task completed 成功
 * 新增 test 定義 task 更新 completed 之 API spec
 * 實作 Task completed 更新 API 並且透過 test 驗證 API
 * 調整後端頁面顯示 completed 的值
+
+### 前端調整
+
 * 調整前端針對 completed 的變動，呼叫完成的 API 
-* 確認在前端調整的 completed 之變動，在後端看到的是相同的變動
+
 
 
 ## 測試方式
@@ -22,3 +60,12 @@
 3. 假設新增 task 成功，進入後台，可以看到該使用者的特定 Task 狀態為已完成
 4. 若再次在前台變更完成狀態為未完成，則可以在後台看到顯示該 Task 顯示為未完成
 
+## 解答
+
+### 後端
+
+https://github.com/agileworks-tw/express-example/pull/1
+
+### 前端
+
+https://github.com/agileworks-tw/express-example-vue/pull/1