鐵人檔案
30天用React打造AI工具箱 Day11 TodoApp進階：完成與刪除功能 點一下待辦 → 切換完成狀態 點「刪除」按鈕 → 移除該項目 切換完成狀態...
30天用React打造AI工具箱 Day12 用Tailwind打造版面骨架 什麼是Tailwind？ Tailwind CSS是一個「功能類別優先 (Util...
30天用React打造AI工具箱 Day13 加入頁籤切換 昨天我們做了基礎版面骨架，有了側邊欄和主要內容。今天我們要讓右邊的內容區可以隨著選單按鈕切換，這樣未...
30天用React打造AI工具箱 Day14 兩週心得：學習方法與心態 這兩週的挑戰，從一開始的環境安裝，到TodoApp的互動，再到UI骨架與頁籤切換，感覺就...
30天用React打造AI工具箱 Day15 第一步：打造簡單的Chat介面 目前為止我們已經有了骨架版面（Day12）、頁籤切換（Day13），也寫過Todo...
30天用React打造AI工具箱 Day16 建立一個聊天室UI 昨天我們完成了Layout，也把待辦清單放到主內容區。今天要開始實作Chat工具的雛形，我們先...
30天用React打造AI工具箱 Day17 假AI回覆：讓聊天室開始互動 昨天我們做了聊天室UI，雖然可以送出訊息，但只有使用者自己能看到。今天我們要加入一個...
30天用React打造AI工具箱 Day18 加上「AI思考中」的loading效果 昨天我們做了「假AI回覆」，雖然有雙方互動，但AI回覆是瞬間出現的。真實的...
30天用React打造AI工具箱 Day19 翻譯工具 UI 今天我們先做一個最簡單的「翻譯工具」介面，重點是建立翻譯器的基本結構，像是選擇語言、輸入文字、顯示...
30天用React打造AI工具箱 Day20 打造「多語言翻譯工具」的互動與記錄系統 翻譯頁面今天要做到： 上方輸入框：輸入文字。 語言選擇下拉選單（英文 →...
