App 介紹

Hynan 是一個以每日工作流為核心的任務管理 App，適合用來整理待辦、安排日期、撰寫每日筆記，並透過標籤、工作區與 Google Calendar 同步來管理不同情境下的工作內容。

這個 App 使用 Vue 3、Pinia、Vue Router、Vite、Supabase Auth、Supabase Postgres 與 Supabase Edge Functions 開發。前端支援 PWA，可以安裝到桌面或手機使用；後端透過 Supabase 儲存使用者資料，並使用 RLS 保護每位使用者只能讀寫自己的資料。

核心功能

Google 登入

使用者可以透過 Google 帳號登入。登入後，任務、標籤、每日筆記與工作區資料會與 Supabase 帳號綁定。

Demo 模式

App 提供 Demo 路由，使用者可以在不登入的情況下體驗主要功能。Demo 資料保存在本機，不會寫入正式 Supabase 資料庫。

Inbox 任務管理

Inbox 用來集中管理所有尚未完成的任務。任務會依狀態分組，例如無日期、逾期、今天與未來，方便快速判斷接下來要處理什麼。

每日任務

每日頁面可以查看指定日期的任務。使用者可以替任務設定日期、時間、時區與預估時長，並在同一天的工作流中集中處理。

每日筆記

Journal 頁面支援每日筆記。每一天都有自己的筆記內容，適合記錄日誌、會議摘要、工作回顧或臨時想法。

標籤分類

任務可以加入多個標籤。使用者可以建立、編輯、刪除標籤，並從標籤頁面查看某個標籤底下的所有任務。

多 Workspace

Hynan 支援多 workspace。每位使用者會有一個 main workspace，也可以建立其他 workspace，用來區分不同專案、生活領域或工作情境。

任務詳情面板

點選任務後可以開啟詳情面板，編輯任務標題、完成狀態、日期、時間、時長與標籤。

Google Calendar 同步

Hynan 可以連接 Google Calendar。有日期的任務會同步成 Google Calendar 事件；沒有日期的 Inbox 任務會留在 Hynan，不建立日曆事件。

主 workspace 會使用名為 Hynan 的 Google Calendar，其他 workspace 會使用 workspace 名稱建立或對應專用行事曆。

離線與本機快取

App 有本機快取與離線佇列設計。網路不穩時可以先保留本機資料，恢復連線後再同步到 Supabase。

即時同步

Supabase Realtime 會監聽 workspaces、tasks、tags、daily_entries 等資料表，讓資料更新能更即時反映在 App 中。

PWA 安裝

Hynan 支援 PWA。正式部署後，使用者可以透過瀏覽器安裝到桌面或手機，獲得接近原生 App 的使用體驗。

主要頁面

Login

登入頁，提供 Google 登入與進入 Demo 模式。

Inbox

集中查看尚未完成的任務，包含無日期、逾期、今天與未來任務。

Daily

查看某一天的任務，也可以透過日期切換不同日期。

Journal

撰寫與查看每日筆記。

Tags

查看所有標籤，管理標籤資料。

Tag Detail

查看指定標籤底下的任務。

資料表

workspaces

儲存使用者的工作區。每位使用者會有一個 main workspace，也可以新增其他 workspace。

tasks

儲存任務資料，包含標題、完成狀態、日期、時間、標籤、排序、workspace、Google Calendar 同步狀態等。

tags

儲存標籤資料，包含標籤名稱、顏色與所屬 workspace。

daily_entries

儲存每日筆記內容。

google_calendar_connections

儲存使用者 Google Calendar 連線狀態與加密後的 refresh token。

google_calendar_workspace_calendars

儲存每個 workspace 對應的 Google Calendar。

google_calendar_sync_queue

儲存待同步到 Google Calendar 的任務變更佇列。