week-1-task (台幣兌換外幣)

• LV-1、LV-2、LV-3
• 成品 (LV-3)

week-2-task (todolist--local)

成品 GitHub Pages (元件等級 LV 3、功能等級 LV 3)

• 資源規範：
  • Codepen 版型
• 實作功能：
  • 不需介接 API，不用做登入、註冊功能，只做代辦頁面。
  • 需使用 React 框架來挑戰
  • 代辦為零筆資料時，需顯示文字「目前尚無代辦事項」
  • 新增代辦功能
  • 移除代辦功能
  • 切換代辦狀態(打勾表示已完成、未勾表示待完成)
  • 狀態頁籤切換功能(全部、待完成、已完成)
  • 確認待完成項目總數 (5 個待完成項目)
  • 清除已完成項目

week-3-task (React Router)

LV-1 (creat react app 部署 GitHub)

拆分 React 元件進行分頁規劃，並將 API 透過 AJAX 介接資料，引用資對應分頁中的父與子層元件。

LV-2 (基隆旅遊網)

整合樣版部份前端功能 (Bootstrap 4、jQuery)，針對需要頁面結構進行調整，以 OpenData API 介接資料，透過資料格式結合 React 與 JavaScript 相關功能規劃，以 Heact Hooks 做為基本應用架構發展，整理相關素材檔 (圖片、文案) 安排客製作調整。

相關引用資料與資源整理如下：

• 資料來源
  • 政府資料開放平臺-基隆旅遊網-基隆旅遊網相關景點/餐廳/住宿等旅遊相關資料 (API 介接)
  • 基隆旅遊網 (文案出處)
• 圖片素材 相關資源取用於免費素材或基隆公家站台，非商用僅練習以此頁。 首頁-1、首頁-2、首頁-3、首頁-4、關於基隆、旅遊基隆
• 開發資源
  • sweetalert2
  • 旅遊 Bootstrap 4 樣版、相關列表
  • React 引入 npm node-scss、npm node

week-4-task (React & API 整合證書任務)

成品 GitHub Pages (React & API 整合證書任務)

• 實作功能：
  • 需使用 React 框架來挑戰，並整合此任務提供的 API
  • 需使用 React Router，並統一部署到 GitHub Pages
  • 代辦為零筆資料時，需顯示文字「目前尚無代辦事項」
  • 新增代辦功能
  • 移除代辦功能
  • 切換代辦狀態(打勾表示已完成、未勾表示待完成)
  • 狀態頁籤切換功能(全部、待完成、已完成)
  • 確認待完成項目總數 (5 個待完成項目)
  • 清除已完成項目
  • 登入、註冊 API 功能
  • 表單欄位為空值或非 Email 格式時，需提醒用戶。(例：alert 彈跳、紅色文字顯示、SweetAlert2)
  • 需處理重複帳號註冊時， API 回傳錯誤時，需提醒用戶。(例：alert 彈跳、紅色文字顯示、SweetAlert2)
• 資源規範：
  • figma 視覺稿
  • API 文件
• 引用套件資料：
  • fontawesome 5.15.4 圖示文件
  • Notiflix 官方文件、Notiflix NPM、Notiflix GitHub