環境感知無人機任務監控平台：即時遙測、氣象整合、有效空速修正與 AI 導航及結案報告

ReactAIGoogle MapOpenWeatherMapWebSocketFastAPIPostgreSQL

內部 SalesOps 平台，用於管理銷售工作流程、追蹤績效，並確保資料完整性

ReactHonoSQLitePrismaHuskyCursor Rules/Skills

根據品牌風格與設計準則，設計與前端開發 RWD 響應式網頁以符合各裝置

JavaScriptSCSSSwiperFigma

因應資安威脅，導入新系統取代老舊架構。前端專案架構規劃與頁面開發、共用元件製作

Vue 3PrimeVuePrimeFlexViteLodashVueuse

整合 Google 地圖即時追蹤、異常警示、歷史查詢與資安機制，強化高風險輻射源管理效能

Vue 3Google MapTypeScriptElement PlusTailwind CSS

開發具彈性排班與即時更新功能的前端頁面。整合人員資訊、視覺化報表與簡易的人力配置工具

JavascriptjQueryJava

後台頁面設計與開發，前台會員權限登入製作。平台可查詢主要功能模組，並支持資料市集與其他系統的 API 整合，實現資料資產的可視化與查找

Vue 3TypeScriptElement PlusWebsocket

東森購物網專案整理。負責活動專案製作與資料串接、組版系統宮格維護與優化、EDM 模板製作

SCSSPugWebpackFigma

一個能聊天💬的 AI 小幫手，有一般問答跟會自己搜尋的 Agent 模式，用 LangGraph、OpenAI 當大腦，Flask + Vue 3 當手腳

PythonLangGraphOpenAIGoogle SearchVue 3

LINE 鳥類知識問答機器人🤖 發送訊息時，系統會透過 OpenAI API 生成專業的鳥類相關回答

PythonLINE Messaging APIOpenAI

以自然語言查詢 PDF 的應用。上傳 PDF 後可提問並取得附有來源頁面的回答

PythonLangChainRAGOpenAI

音樂串流平台。提供用戶註冊、上傳與管理音樂功能。能輕鬆在線上享受音樂庫裡的各種音頻

Vue 3VitePiniaFirebaseHowler.jsPWASCSS

結合即時新聞與天氣資訊的便利小工具，讓使用者一次掌握最新資訊！

AngularTypeScriptRxJSNewsAPIOpenWeatherMap

使用各類視覺化函式庫做點圖表唄!

Chart.jsD3.jsCanvas

使用電腦相機拍照並上傳，使用 PWA 創建類似原生應用程式的 Web

Vue 3QuasarFirebasePWAExpress.js

藝術家自由接案平台。提供註冊、發帖與聯絡的方式讓潛在客戶能夠輕鬆找到合適的藝術家

Vue 3VuexFirebase

dōTERRA 電商網站首頁。實作元件拆解、資料響應式與資料計算、使用者介面設計

Vue 3VuexFigma

日本餐廳品牌網站。與 UI 和後端工程師合作，負責前端開發、Google Maps APIs 串接、動態效果製作

SCSSPugWebpackSwiperAOS

客製化手指與滑鼠滑動煙火特效

JavaScriptCSS

與設計師和後端工程師合作，負責前端開發與動態效果製作

Tailwind CSSGulpSwiperAOS

完整的電影購票流程及付款流程、註冊登入、彈幕發送、會員文章、留言與按讚等功能。與 PHP 工程師合作，負責前端開發與使用者介面設計

BootstrapFigmaMiro

即時個股追蹤、財報數據分析與技術圖表。平台提供視覺化介面，讓使用者輕鬆查看各項股票的最新動態與財務指標

Vue 3Nest.jsMongoDBD3.jsWebsocket

註冊即擁有專屬 Email，可輕鬆收發信件的全方位信件管理平台！

AngularSemantic UITypeScriptRxJSNest.jsMongoDBMailgun