全端工程師・獨立接案・技術內容創作者

Hi, I'm Melody.

專注於全端開發與系統架構,為您打造穩定、高效的數位產品。
善用 AI 輔助加速原型建置,結合跨雲端 (AWS / GCP) 部署經驗,提供從零到上線的完整技術後盾。

🔒 no30131.github.io/rockreach

服務項目

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

全端 WEB 應用開發

從 UI 設計到前後端架構一手包辦。熟悉 React / Vue 等現代化前端框架,搭配 Node.js 建構穩定的 API 服務,完整交付可上線的產品。

一站式開發 前後端整合

後端 API 與第三方串接

為您的產品打造穩健的 RESTful API,並擅長整合各類外部服務。涵蓋社群登入 (OAuth)、Google Maps 圖資整合,以及客製化的通訊軟體聊天機器人開發等。

第三方 API 串接 聊天機器人整合

自動化流程建置

善用 n8n 打造客製化工作流,將重複性作業自動化。例如:社群內容排程、自動發文與資料彙整等場景,為您省下寶貴的人力時間。

營運流程自動化 降低人力成本

系統維運與雲端部署

接手現有專案的維護、Bug 修復與功能迭代。具備跨雲端部署經驗,能協助將您的應用程式穩定運行於合適的雲端平台。

現有系統接手 雲端架構優化

MVP 快速原型開發

善用現代化 AI 輔助開發工具,在最短時間內打造出產品原型 (MVP)。非常適合需要快速驗證市場點子的業主,大幅縮短前期開發週期。

快速市場驗證 低成本試錯

永續與純素領域合作

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

創造正向影響力 科技向善

精選專案

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

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

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

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

核心亮點

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

使用技術

React Node.js MongoDB Socket.IO Python OpenCV AWS Google Maps
載入影片中...

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

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

核心亮點

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

使用技術

React Node.js Google Maps MongoDB Zeabur
載入影片中...

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

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

核心亮點

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

使用技術

n8n Node.js REST API WordPress Workflow Automation

關於我

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

我是 Melody,具備遊戲產業背景的全端工程師與技術創作者。

大學時曾用模塊化工具做出小遊戲,那種「親手把想法變成現實」的成就感讓我非常著迷。畢業後,我帶著對遊戲的熱愛投入產業,擔任了三年的研發企劃與音效師。但在規劃產品的過程中,我發現自己其實更渴望捲起袖子,成為那個「親手寫程式、把產品打造出來」的人。

決定轉職後,我先透過 AppWorks School 轉職班的高強度訓練打下紮實的開發基礎。隨後加入新創團隊,在沒有資深前輩帶領的環境下,我透過研讀舊有專案與 CI/CD 設定,成功梳理並建置了基於 GCP 的雲端架構,也獨立扛起多個專案的全端維運。沒有完善的交接流程,反而讓我練就了快速剖析系統、自己解決問題的硬實力。

過去擔任研發企劃的背景,培養了我對「使用者感受」的敏銳度,也讓我在開發時能更有效地與各部門溝通,降低跨部門專案協作成本。現在我以自由工作者的身份接案,並在 YouTube 頻道持續分享實作經驗。如果你有想法或遇到技術問題,歡迎直接聊聊。

主動溝通 準時交付 文件清晰 可長期維護
故事的起點

數位多媒體 × 遊戲產業

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

轉職

系統性培訓,踏入開發

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

實戰

新創環境,獨立維運

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

現在

遠端自由工作 + 技術創作

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

工作經歷

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

企業後台管理系統開發

商業專案

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

2024 – 現在
180+
API Endpoints
60+
前端頁面
2+
涵蓋系統
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 頻道

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

Melody's Flow YouTube 頻道
前往頻道