⚡ Full-Stack Web Apps · Generative AI · High-Performance GAS

打造兼具商業價值與極致體驗的
全端數位系統與 AI 應用

從訂閱制教育 SaaS、校園 AI 流量管制 POS，到大型機構與社團數位化中樞。專注於解決真實世界流程痛點，以極速前端快取架構與多模態 AI 賦能每一套產品。

7+
上線實戰系統專案
ECPay & LINE
商用金流與 OAuth 推播整合
Gemini 2.5
多模態視覺與智慧顧問串接
< 50ms
SWR 樂觀快取體感延遲

實戰系統作品集

涵蓋商用學習平台、AI 智慧餐飲 POS、升學大數據分析與組織自動化管理系統

Featured

學測英文系統 (VocabMaster)

商用 SaaS 級應用，結合遊戲化學習與 AI 智能輔助，打造全方位英文測驗與學習平台。

</> 技術亮點與特色
  • 綠界金流 (ECPay) 訂閱制整合與動態折扣碼核銷引擎
  • LINE OAuth2 一鍵登入、每日 Flex 推播與戰隊即時聊天室
  • Gemini AI 仿真大考中心五維度作文批改與隨身家教
  • SM-2 間隔重複演算法錯題記憶引擎與離線 PWA 支援
SaaS Gemini AI ECPay 金流 LINE OAuth2 SM-2 演算法
🌐 前往線上系統 ↗
Featured

Yang Tech 升學落點分析系統

支援個人申請、四技科大與分科測驗，提供精準落點預測與 AI 智能志願推薦。

</> 技術亮點與特色
  • 突破 GAS 100KB 限制的高速快取分塊 (Chunking) 技術
  • Gemini AI 智能志願推薦與個人化二階面試策略分析
  • 複雜的多維度落點演算法與二階面試志願撞期偵測
  • 支援 PWA 架構，提供跨裝置 App 級流暢原生體驗
PWA Gemini AI 快取分塊 資料分析
🌐 前往線上系統 ↗
🏆 競賽作品

MealFlow 學餐 AI 流量管制塔

結合排隊理論與生成式 AI 的校園智慧點餐與 POS 管制中樞，透過動態等待時間預測與分流優惠解決學餐尖峰壅塞。

</> 技術亮點與特色
  • M/M/1 佇列動態備餐演算法與 AI 效用評分智慧分流導購
  • LINE OAuth 2.1 免 Webhook 綁定與 Flex 動態取餐推播
  • Gemini 2.5 Vision 菜單影像辨識建檔與意圖感知選餐顧問
  • 支援跨日預訂規則、逾期未繳自動巡檢刪單與觸控 POS 收銀
M/M/1 排隊理論 LINE Messaging API Gemini Vision 雲端 POS
🏆 競賽評選期間（暫不公開網址）

東吳管樂社數位團務系統

專為大學管樂社打造的數位團務中心，整合團練請假、琴房預約、互動式視覺化座位表與幹部後台，全面自動化社團行政。

</> 技術亮點與特色
  • SWR (Stale-While-Revalidate) 快取與打包預載，實現零延遲切換
  • SVG 點陣舞台座位表，支援拖曳旋轉微調與請假人員自動重排
  • 每週日排程觸發器與一鍵批次寄發 B/D 棟專屬借教室審核通知信
  • 支援姓名/信箱雙軌登入、跨表歷史紀錄自動同步與幹部權限隔離
SWR 極速快取 SVG 互動座位表 排程批次寄信 RBAC 權限控管
🔒 內部系統（涉及社員個資不公開網址）

拍立得小卡專屬編輯器

為電商客製化商品打造的線上編輯器，提供消費者自行排版設計與即時預覽的專屬工具。

</> 技術亮點與特色
  • 線上互動式畫布編輯，所見即所得 (WYSIWYG) 直覺排版體驗
  • 深度整合 Fabric.js 進行進階影像裁切、濾鏡與圖層處理
  • 透過 GmailApp 自動化串接與解析蝦皮電商訂單狀態
  • 高解析度印刷級圖檔自動轉檔與雲端批次匯出流程
Fabric.js 蝦皮訂單解析 影像處理 WYSIWYG
🌐 前往線上系統 ↗

大補習班排課與請假系統

專為大型補習班設計的完整排班、請假與代課管理中樞，大幅降低教務與行政溝通成本。

</> 技術亮點與特色
  • 直覺化通訊介面與即時訊息狀態同步機制
  • 獨創智慧樣板避讓法 (Smart Template Scheduling) 解決衝堂
  • 多維度資料表關聯同步與 Google 行事曆自動排程派發
  • 完整的師資代課媒合紀錄與出缺勤時數自動結算報表
通訊整合 UI 排程演算法 行事曆同步
🔒 內部系統（涉及機構個資不公開網址）

智慧點餐系統

適用於高中社團與餐廳的線上團膳點餐平台，提供直覺的點餐流程與即時後台管理。

</> 技術亮點與特色
  • 前後端分離架構，搭配流暢現代化的 Tailwind CSS 介面
  • 整合 Intro.js 互動式使用者導覽功能，降低首次操作門檻
  • 複雜的訂單狀態機與管理員專屬即時接單控制台
  • 自動化班級/部門動態報表結算與每日營收視覺化分析
前後端分離 Tailwind CSS 訂單狀態機
🔒 內部系統（涉及社團個資不公開網址）

核心工程架構與設計標準

每一套系統皆遵循高可用性、極速互動回饋與真實業務防呆準則

⚡ 極速前端快取與樂觀更新

針對無伺服器 (Serverless / GAS) 架構常見的冷啟動延遲，自主研發 SWR (Stale-While-Revalidate) 記憶體與本地端快取引擎、100KB 分塊傳輸技術以及單次打包預載接口 (Init Bundle)，實現秒開頁面與零阻塞的操作體驗。

🧠 領域驅動演算法與 AI 落地

不將 AI 視為單純的對話框，而是深度嵌入業務流程：結合 SM-2 記憶演算法、M/M/1 佇列數學模型與 Gemini 2.5 結構化 JSON 輸出，實現自動菜單建檔、精準落點預測與嚴格的閱卷評分系統。

🛡️ 商用級金流、權限與自動化

完整實作 綠界 ECPay CheckMacValue 簽章驗證、LINE Login OAuth 2.1 免 Webhook 綁定與 Flex 推播、SHA-256 加鹽雜湊與 LockService 併發鎖，確保多人尖峰操作下的資料一致性與資安防護。