docs: update project structure section in README

Author: clhuang224

README.md

@@ -30,6 +30,30 @@ PrePrompt 是一個為個人工作流程設計的小工具，重點不只是文
 
 > 新字詞會統一加上 `_` 前後綴，以避免與原字詞混淆。
 
+## 專案結構
+
+```text
+.
+├── index.html
+├── demo.png
+├── README.md
+└── assets
+    ├── favicon.png
+    ├── css
+    │   ├── base.css        # 基本變數與全域樣式
+    │   ├── layout.css      # 版面配置
+    │   └── components.css  # 元件樣式
+    └── js
+        ├── app.js          # 前端入口，負責初始化與事件綁定
+        ├── constants.js    # 常數與預設資料
+        ├── storage.js      # LocalStorage 讀寫
+        ├── mappings.js     # 詞組列表渲染
+        ├── import-export.js# JSON 匯入 / 匯出
+        ├── output.js       # 替換結果更新與點擊複製
+        ├── sortable.js     # 詞組拖曳排序
+        └── toast.js        # 狀態訊息顯示
+```
+
 ## 資料儲存
 
 原始文章和替代詞組會儲存在瀏覽器的 LocalStorage 中，不會送到伺服器。