ElectronVueNode.jsTypeScriptfastifylowdbmockapiAIUI/UXwebfrontendbackenddesktopNetlify
Mocky API
Mocky 是一款專為快速開發設計的桌面應用程式，讓使用者透過直觀的圖形介面快速建立和管理 Mock API 服務。無需編寫任何後端程式碼，只需點擊幾下即可創建完整的 API 模擬環境。支援 OpenAPI 匯入與文件生成，是前後端分離開發的最佳助手。
使用技術
前端框架Vue 3 + TypeScript
桌面應用Electron
API 服務Fastify
資料處理lowdb
開發方式AI 協作開發，提升開發效率
負責角色
此專案由我獨立開發完成，這也是我首個桌面應用程式作品。
- ◆產品規劃與功能設計
- ◆UI/UX 介面設計與互動設計
- ◆前後端全棧開發
- ◆跨平台桌面應用開發
解決的問題
在軟體開發過程中，工程師或 PM 常常需要等待後端 API 完成後才能開始實作功能，導致進度受阻。雖然市面上有其他 Mock 工具，但普遍存在設定複雜、收費門檻、溝通斷層的痛點。Mocky 讓使用者能夠：
零配置啟動
無需註冊，開箱即用，建立 API 僅需幾秒鐘。
完全離線可用
資料儲存於本地，安全性高且反應極快。
一鍵產出文檔
自動生成靜態文件，讓不懂程式的團隊成員也能輕鬆理解 API 結構。
不影響進度
在沒有實際後端的情況下立即開始前端開發。
操作介面直觀
透過視覺化介面管理多個 API 端點，降低技術門檻。
規格標準
支援 OpenAPI 匯入與文件生成。
專案成果
技術亮點：
- 整合 Electron + Fastify，實現本地 Mock Server 即開即用
- 支援即時預覽與測試，提升開發體驗
- 採用 TypeScript 確保代碼品質與可維護性
產品特色：
- 零配置啟動，安裝後立即可用
- 視覺化管理多個 API 端點和回應規則
- 支援自訂 HTTP 狀態碼、Headers、延遲時間等進階功能
- 跨平台支援（Windows / macOS / Linux）
開發成果：
- 將傳統設定 Mock API 的時間從 10 分鐘以上縮短至 30 秒內。
- 從概念到可用產品，完整實現產品願景。
- 展現全棧能力：從設計到開發一手包辦。