Portfolio・實際上線的系統

作品集

每個案例都回答三件事:客戶遇到什麼問題、我做了什麼、結果如何。 截圖都來自正在營運的系統——點進去就能驗證。

CASE 01中小企業・電商系統上線營運中
tiande2160.com
天德中藥房電商網站實際畫面:玫瑰陳皮舒壓飲產品頁,含購物車與結帳功能

天德中藥房|電商與訂單後台系統

問題
宜蘭百年中藥房要把生意搬上網路,但接單、整理訂單、填寄件單全是手工,量一大就吃掉整個下午。
我做了什麼
從品牌官網、購物車結帳到店家後台一手包辦。老闆在後台即時收單,一鍵匯出「賣貨便」格式表單,匯入後自動產生熱感標籤寄件單,超商物流直接串好。
結果
從接單到出貨全程不需手動整理資料,出貨作業成本大幅降低;百年老店的品牌形象在線上重新開張。
Next.jsFlask API超商物流串接tiande2160.com →
CASE 02自有產品・平台系統上線營運中
viewdrop.org
ViewDrop 官網首頁:台灣第一個 CPM 制 UGC 任務平台

ViewDrop|CPM 制 UGC 任務媒合平台

問題
品牌方投 UGC 內容難以衡量成效、預算容易失控;創作者拍了影片卻換不到對等報酬。
我做了什麼
獨立完成整個平台:串接 Meta(Instagram)官方 API 自動追蹤影片觀看數、按觀看數計費的 CPM 結算引擎、預算硬上限與自動防刷風控、創作者排行儀表板。
結果
台灣首個 CPM 制 UGC 任務平台,從需求發想、系統設計、開發到營運皆獨立完成,持續上線營運中。
Nx MonorepoNext.jsNestJSGraphQLMeta APIviewdrop.org →
CASE 03企業內部系統

硬體科技廠|Sensor 數據管理系統

與業界工程師團隊協作,負責前端:大量感測數據的即時視覺化、設備監控介面與可複用元件庫。

🔒 企業內部系統,細節與截圖不公開

Next.jsGraphQL即時數據視覺化
ChatTalker 聊天機器人產品 Landing Page 切版
CASE 04Landing Page 切版

ChatTalker|產品形象頁

聊天機器人產品的 Landing Page,從視覺切版到 RWD 完整實作——活潑插畫風也能精準落地。

LABAI 導入・公開實測

AI 能力,用可驗證的實測說話

幫客戶導入 AI 之前,我先把技術公開做給所有人看——完整程式碼與過程都在部落格系列文裡。

LangChain / LangGraphRAG本地模型(Ollama)完整實作系列文 →
Peter(陳暐仁)的照片

我是 Peter(陳暐仁)

從前端、後端寫到 AI 導入的開發者。上面的每個系統都是我從需求談到上線親手做完的, 所有技術實測也都公開寫在這個部落格——你可以先看我怎麼做事,再決定要不要找我。 我相信:如果一件事每天都要重複做,它就值得被自動化。

你的問題也想被這樣解決?

先聊聊不用錢,我會誠實告訴你值不值得做。

看看合作方式 →