數位產品 Builder・創作者型工程師

Hi, I'm Melody.

結合產品思維、美感與全端開發實力，
打造高質感且架構穩健的數位產品。

從品牌網站、API 串接到雲端部署與系統維運，
都能為您量身打造客製化解決方案。

討論合作機會

🔒 no30131.github.io/rockreach

查看全部作品 >

服務項目

提供從產品規劃到上線維運的完整技術服務，歡迎描述您的需求，一起討論最適合的合作方式。

高質感數位產品開發

不只把功能做出來，更在意細節與流暢度。從 UX 規劃到前後端架構一手包辦，為您打造穩定且具備美感的 Web 應用程式。

一站式開發美感與體驗

客製化系統與後端開發

專注於打造穩健、可擴充的後端架構與 RESTful API，涵蓋各類第三方服務串接與複雜商業邏輯處理，讓您的數位資產沒有後顧之憂。

客製化系統穩健後端架構

營運流程自動化

善用 n8n 打造客製化工作流。幫一人公司或精實團隊將重複性作業自動化，讓您能專注在核心業務上。

營運自動化提升團隊效率

MVP 快速原型實踐

結合 AI 輔助開發，用最短時間將您的市場點子化為可操作的產品原型，幫助您低成本快速驗證市場，同時兼顧良好體驗。

快速市場驗證低成本試錯

系統優化與持續迭代

接手現有專案的維護、Bug 修復與功能擴充。以系統性思維優化既有架構，讓您的數位產品能隨著業務成長持續進化。

長期技術夥伴架構優化

永續與純素領域合作

我長期關注永續發展與純素 (VEGAN) 議題。非常歡迎理念契合的品牌與組織洽談常規的專案合作，透過專業技術一起擴大良善的影響力。

創造正向影響力科技向善

討論您的需求

精選專案

一系列獨立開發與開源實作專案，完整體現從後端架構到前端互動的全端開發能力。

攀岩紀錄平台 (RockReach｜岩途)

專為攀岩玩家設計，可記錄攀岩路線、上傳媒體、追蹤個人進度圖表，並提供即時聊天、動態牆、自訂路線等社群互動空間。特色功能包含點擊岩點自動描繪路線、成就徽章系統，以及地圖視覺化造訪紀錄。

核心亮點

Socket.IO 即時聊天
OpenCV 影像辨識 × 路線自訂繪製
Plotly 數據視覺化圖表

使用技術

React Node.js MongoDB Socket.IO Python OpenCV AWS Google Maps

查看原始碼 Live Demo

載入影片中...

租屋願望實現系統 (Renthouse Tracker)

一款為租屋族打造的評估工具。只要貼上租屋網址，系統會自動帶入資料，提供評分、備忘記錄與看屋狀態追蹤。更結合地圖視覺化，從公司出發 20-40 分鐘的通勤範圍一目了然，還能比對氣候資料與查詢實價登錄。

核心亮點

租屋資料自動帶入與追蹤
通勤範圍地圖視覺化
實價登錄與氣候比對

使用技術

React Node.js Google Maps MongoDB Zeabur

查看原始碼 Live Demo

載入影片中...

全自動文章產出流水線 (Auto-Draft Pipeline)

透過 n8n 打造全自動文章產出流水線，將數小時的寫作工作壓縮至 5 分鐘。系統會定時接收通知、抓取素材、一鍵生成草稿，並自動完成 WordPress 標題、內文、SEO 與標籤設定，大幅提升內容產出效率。

核心亮點

n8n 工作流自動化
自動收集素材與生成
WordPress SEO/標籤自動設定

使用技術

n8n Node.js REST API WordPress Workflow Automation

查看原始碼

關於我

從遊戲產業到全端工程師，一段跨領域轉換的真實旅程。

我是 Melody，一位從遊戲產業走向全端開發的創作者型工程師。

大學時曾用模塊化工具做出小遊戲，那種「親手把想法變成現實」的成就感讓我非常著迷。畢業後我帶著這份熱愛投入產業，擔任了三年的遊戲企劃與音效師。這段經歷不僅培養了我對「使用者感受」的敏銳度，也讓我意識到：比起只做企劃，我更渴望捲起袖子，成為那個「親手寫程式、把產品打造出來」的 Builder。

為了把這份渴望化為現實，我透過 AppWorks School 的高強度訓練打下紮實的開發基礎，並在新創環境的實戰中，獨立扛起專案的全端維運與雲端架構。沒有完善的制度，反而讓我練就了從零到一解決問題、快速剖析系統的硬實力。

我深信，一個好的數位產品不該只是冷冰冰的程式碼，而是需求、美感與穩定架構的融合。現在我以自由工作者的身份接案，並在 YouTube 頻道持續分享技術實作。我希望用這份專業，結合對「作品感」的堅持，為您打造既好用又好看的數位體驗。如果你有想法，或單純想聊聊有趣的產品，隨時歡迎！

產品思維美感與細節穩健系統架構高品質交付

故事的起點

數位多媒體 × 遊戲產業

畢業於數位多媒體系，曾投入遊戲產業三年，擔任遊戲企劃與音效師。這段經歷讓我習慣從使用者體驗和產品邏輯出發思考問題，而不只是技術本身。

淬鍊

系統性培訓，踏入開發

透過紮實的自學與 AppWorks School 的高強度培訓，深入學習 Node.js 與 AWS 雲端架構，以專案實戰完成後端與全端開發能力的養成。

實戰

新創環境，獨立維運

加入小型新創團隊，在幾乎沒有前人指引、也沒有完整制度的環境下，一人同時負責多個專案的開發與部署維運，逐步擴展為具備前後端完整能力的全端工程師。

現在

遠端自由工作 + 技術創作

轉型為遠端獨立工作者，同時在 YouTube 頻道 MelodysFlow 持續產出技術內容，分享自動化、開發工具與實作心得。

工作經歷

以下為外包合作的商業專案，程式碼屬於業主，僅展示技術規模與實作成果。

企業後台管理系統開發

商業專案

全端開發・主導兩套企業系統

2024 – 現在

180+

API Endpoints

60+

前端頁面

涵蓋系統

10+

Cron 自動化排程

系統架構

Nuxt 2

Frontend

NestJS

Backend

↕ HTTP API

MongoDB

Database

Redis

Cache

擔任職責

系統架構設計API 開發前端介面開發資料庫設計IoT 整合RBAC 權限設計Cron 排程建置

核心功能與技術亮點

接手含 API Gateway 的多微服務系統，主導重構為單體服務
從零建置多個系統架構，並逐步擴展至全端開發維運
多角色 RBAC，各角色對應不同操作權限與獨立頁面集
整合多種 IoT 打卡方式，涵蓋硬體機台、近場通訊、定位圍欄與即時通訊平台
完整人事審核鏈：請假、加班補休、補打卡，並自動化結算
資產標籤生命週期管理（建立/搜尋/綁定）、歷史軌跡查詢與即時監控中心
10+ Cron 排程：自動排班、薪資單、出勤及其他資料定期更新與備份等
結構化日誌（Pino）+ API 限流（Throttler）+ MinIO 物件儲存

使用技術

NestJSNuxt 2TypeScriptMongoDBRedisJWTLINE Bot SDKMinIOEChartsElement UITailwind CSSSocket.IO

原始碼屬業主，此處僅展示技術規模與架構

DevOps・基礎設施與系統維運

內部基礎設施

CI/CD 建置・GCP 部署・VM 維運

2024 – 現在

GitLab

CI/CD 工具

4 stages

Pipeline 階段

GCP VM

部署環境

Health Check

監控機制

Pipeline 架構

GitLab CI

Pipeline

Docker

Container

↕ 自動部署

GCP Registry

Image Store

Linux VM

Runtime

擔任職責

Pipeline 設計容器化部署監控腳本開發自動化告警技術文件撰寫

基礎設施與自動化亮點

接手既有 CI/CD 模板，調整並完整串通四階段 Pipeline
每次 push 自動執行 Jest 測試套件
Docker image 建置後推送至 GCP Artifact Registry，並自動部署至測試機
於各 VM 部署自製 Health Check 腳本，每分鐘確認服務狀態，失敗即自動 docker restart 並發 Email 告警
Health Check 含重試上限 + Log 自動截斷 + 容器恢復後發送復原通知，完整告警生命週期
撰寫系統建置與維運教學文件，供團隊成員接手傳承

使用技術

GitLab CI/CDDockerGCPBash ScriptLinuxCronmsmtp

原始碼屬業主，此處僅展示技術規模與架構

專業技術棧

涵蓋前端、後端、資料庫到雲端部署的完整技術能力，持續學習並應用最新工具。

Frontend

React Vue Nuxt TypeScript Tailwind CSS

Backend

Node.js NestJS TypeScript REST API Socket.IO Python n8n

Database

MongoDB MySQL Redis Supabase Prisma

Deployment

AWS GCP Docker Zeabur CI/CD Git Linux Bash

YouTube 頻道

記錄真實的開發過程、自動化工具與工程師日常，不定期更新實作教學與心得分享。

前往頻道