CHANG, CHUNG-YU
PORTFOLIO · v2026
FULL-STACK · AI INTEGRATION

把想法/變成系統
把系統/接上 AI

張仲佑(John),全端工程師。習慣一個人從前端、後端到 AI 整合獨立完成。擅長把零散的需求整理成資料模型、可操作的介面,以及能跑、能維護的系統。

Discipline Full-Stack + AI
Based in 新北.Taiwan
Status 開放接案中
01 / SERVICES

能提供的服務

全端開發 · Full-Stack Development

前端到後端、資料庫到部署,從規格到上線一個人到底。適合單窗口、不想協調多人團隊的業主。

後台與管理系統 · Admin Systems

儀表板、權限分級、流程管理、報表輸出、稽核軌跡。資產管理、ERP、CRM、CMS 等內部系統。

AI / RAG 整合 · LLM Integration

把 LLM 與 RAG 接上既有資料:內部文件問答、流程自動化、報告生成、設備異常診斷等應用。

客製化 CMS · Custom CMS

讓業主能自己更新內容、換版面、改模板,降低對工程師的長期依賴。

會員系統與金流 · Auth & Payment

會員註冊、權限分級、金流串接、訂閱計費。處理過營運級正式環境,重視紀錄與權限隔離。

系統維運與優化 · Maintenance

既有系統的維護、效能優化、Bug 修正、功能擴充。可長期合作。

02 / STACK

技術組合

Frontend
React + Tailwind
Vue
Backend
Python — Django, FastAPI, Flask
Node.js — Express, Nest
PHP — Laravel
Database
PostgreSQL
MySQL / MariaDB
AI / Tooling
RAG · LLM · ML 整合
Claude(日常工作流)
03 / SELECTED WORK

代表作品

— 01

智慧製造管理系統 Dashboard · QC · Tracking · Inventory · AI Assistant

替製造業客戶開發的後台管理系統,前端、後端、AI 整合一個人從零做到上線。系統涵蓋品質檢驗紀錄、生產追蹤、倉儲庫存、客戶規格符合性檢查、報告自動生成等模組。

核心挑戰在於把產線上的紀錄需求拆解成清晰的資料模型,並讓現場人員能用最少的點擊完成日常作業;AI 助手則負責把累積的紀錄變成可查詢的知識,減輕主管整理報表的負擔。

Role
獨立開發(Frontend / Backend / AI)
Stack
React Tailwind Python FastAPI PostgreSQL
Modules
儀表板.檢驗.追蹤.庫存.客規比對.報告生成
Visibility
客戶資訊已隱去
管理系統儀表板
CLIENT IDENTIFIER REDACTED · 客戶資訊已隱去
主儀表板:總檢驗數、合格率、庫存項目、低庫存警示、檢驗趨勢圖、客戶分布
AI 設備異常診斷
CLIENT
REDACTED
AI 助手:設備健康監測、異常診斷、運維模式切換(監測 / 半自動 / 全自動)
— 02

RAG 製程異常分析助手 Retrieval-Augmented · Causal Reasoning · Source Citation

承接前一個案子的延伸:在管理系統上加掛一個基於 RAG 的領域知識問答助手。使用者可以自然語問「某設備異常的原因」、「如何判斷某現象是哪個工序造成」,助手會根據業主提供的內部技術文件,產出帶有引用來源的結構化回答。

重點在於回覆的可驗證性——不是讓 LLM 自由發揮,而是讓每一個結論都對得上一份原始文件。同樣的架構可平移到任何「有大量內部文件、需要快速查詢」的場域。

Role
獨立開發
Stack
React Python RAG LLM
Output
結構化回覆.因果鏈.引用編號
RAG 表格化回覆
問題拆解 → 表格化回覆,每筆結論帶有來源編號
根本原因推斷
根本原因推斷.具體處理建議
因果關係鏈
因果關係鏈視覺化
— 03

營造業 ERP 系統 Project Management · Reporting · Internal Workflow

替營造業客戶開發的內部 ERP,從專案開立、工程進度、相關文件管理、報表輸出,前後端一個人獨立完成。

這類案子的真正難點不在技術,而在訪談——把第一線人員每天在做的事,整理成不會綁架未來變動的資料模型。從業主訪談到上線的完整流程都走過一輪。

Industry
營造業
Role
獨立開發(Frontend / Backend)
Stack
React Python
Visibility
內部系統.客戶 logo 已模糊處理
專案管理
專案管理:多狀態 KPI(未開案 / 進行中 / 無訂單進行中 / 逾期未完工 / 已完工)+ 進度條列表
簽核與流程管理
簽核工作流引擎:請款、工作日誌、請假、加班、報價等簽核流程
權限管理
權限管理:每個模組分 SHOULDHIDE / CANVIEW / CANEDIT 三層細粒度控制
採購管理
採購管理:採購單號、付款狀態、開單狀態、入庫狀態多維度追蹤
— 04

百家樂數據平台 Membership · Payment · ML / LLM Analytics

面向 C 端使用者的會員平台,包含會員系統、金流串接、權限分級,並整合 ML 與 LLM 來做數據分析。前後端一人獨立完成。

對外開放、有真實付費使用者的線上服務,跟內部系統的工程考量很不一樣——錯誤紀錄、權限隔離、金流的對帳、客訴對應,都是這個案子裡實際處理過的東西。

Live
baccaratdata.com
Role
獨立開發
Stack
React Python Payment ML LLM
— 05

馬術用品電商平台 Custom CMS · Self-Service Templates

替馬術用品商家開發的電商平台,重點不在前端視覺,而在後端讓業主自己改版面、改模板,不用每次都回頭找工程師

我習慣在做系統時,把「業主之後自己會想改的部分」做成可維護的設定。降低業主對工程師的長期依賴,對雙方都好。

Live
taoequestrian.com
Role
獨立開發
Stack
React Python Custom CMS
GET IN TOUCH

有專案?
歡迎聊聊。