精選作品/全端開發

把想法,做成
真正能用的產品。

從好用的介面、支援實際流程的資料模型,到串起整個產品的雲端架構。這兩個專案,呈現我從前端到後端的開發實作。

探索專案
01

產品與介面

02

後端與整合

03

雲端與交付

01 / 房源營運/全端軟體服務

StaySweep

讓每一次入住前的交接,
更清楚、更有條理。

StaySweep 首頁介面
公開首頁 · staysweep.net

需求背景

短租房源的交接牽涉房屋、人員、清潔項目與緊湊的時間表。當資訊分散在各種訊息中,就很難掌握工作分派、完成狀態與待處理事項。

實作內容

建立房東與清潔人員共用的工作流程:管理房源、建立清潔範本、安排批次工作、分派人員,並透過照片確認完成情況。同時整合訊息與訂閱計費,支援完整產品運作。

我的工作

全端應用程式開發、資料庫與驗證整合、API、媒體檔案流程,以及以程式碼管理 AWS 基礎架構。

01

營運介面

依房東與清潔人員角色提供操作介面,涵蓋房源管理、可重用的清潔清單、排程與工作狀態。

02

後端整合

Supabase 身分驗證與 PostgreSQL 資料庫、S3 簽署媒體存取、SES 邀請郵件、Google Maps,以及 Lemon Squeezy 訂閱與付款事件整合。

03

即時通訊與基礎架構

以 API Gateway、Lambda 與 DynamoDB 實作 WebSocket 訊息,搭配 Terraform 管理 AWS 服務,並使用 CloudWatch 監控。

產品流程

  1. 房源
  2. 排程
  3. 分派
  4. 確認

技術組合

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Supabase/PostgreSQL
  • AWS S3 與 SES
  • API Gateway 與 Lambda
  • DynamoDB
  • Terraform
  • Google Maps
  • Lemon Squeezy
前往 StaySweep

02 / AI 應用程式/個人專案

Harmony Healer

讓科技,為日常對話
多留一點理解。

Harmony Healer 首頁介面
首頁預覽 · 本機專案

需求背景

一次有幫助的對話,可能很快就被生活打斷。反思工具需要把分享過的內容,與之後想練習的小行動、習慣及筆記串在一起。

實作內容

將 AI 對話與日誌、情緒及習慣追蹤、後續計畫整合在同一個應用程式中。透過共享與私人脈絡,協助個人與伴侶整理對話和日常紀錄。

我的工作

全端產品開發、雙語介面、身分驗證、關聯式資料設計、伺服器端 AI 整合,以及脈絡與記憶管理流程。

01

雙語產品體驗

提供中英文介面,涵蓋引導式對話、日誌、習慣、情緒,以及共享或私人的儀表板項目。

02

身分驗證與資料

使用 Supabase Auth,支援 Google 與 Microsoft 登入,並以 PostgreSQL 資料庫遷移與存取政策管理使用者及伴侶資料。

03

AI 流程整合

在伺服器端串接 OpenAI 與 Anthropic,結合脈絡提示、記憶摘要、建議行動與每月訊息額度。

產品流程

  1. 反思
  2. 對話
  3. 規劃
  4. 練習

技術組合

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Supabase Auth
  • PostgreSQL
  • OpenAI API
  • Anthropic SDK
  • SQL 資料庫遷移

下一個專案

你也有想實現的產品嗎?

一起討論使用體驗、實際流程,以及把產品做出來所需要的技術。

討論你的專案