Today:基於 Electron 和 Vue.js 的 GTD 應用

Wendell_Hu發表於2018-04-25

Today:基於 Electron 和 Vue.js 的 GTD 應用

這是我的一個 side project。今天釋出了第一個預覽版本 v0.0.2,歡迎訪問 GitHub 上面的 Repo 獲取試用下載(目前僅為 Mac 使用者提供 build),並提供你們的寶貴意見和建議,歡迎 star。另外,如果你對 GTD 感興趣,請聯絡我參與到這個專案的開發當中來。

簡介

Today 是一個基於 Electron 和 Vue.js 的跨平臺的 GTD 應用。Today 的邏輯背後是這樣一個簡單的產品理念:提高效率的關鍵不在於你做出了多麼完美的計劃,而在於你今天做了什麼

你可以用 Today 做這些事情:

  • 增加待辦事項,設定 deadline 以及你計劃要做這項任務的時間,你還可以寫一些筆記。
  • 從 Today 獲取今日應該做什麼事的建議。
  • 設定提醒,這樣 Today 就會在計劃時間提醒你去做這件事情(通過系統通知)。
  • 評估你完成今日計劃任務的效率。在總結檢視中,點選過往日期,就可以看到那一天你計劃任務的完成情況。

Today:基於 Electron 和 Vue.js 的 GTD 應用

Today:基於 Electron 和 Vue.js 的 GTD 應用

Today 還具備以下功能:

  • 對列表和待辦事項的拖拽排序
  • 後臺執行
  • 快捷鍵支援
  • 頭像和使用者暱稱修改
  • 開關提示音
  • 語言選擇

等等。想要獲知詳情,請看專案的 README-CN

開發相關

元件

為了提供順暢的互動和優秀的使用體驗,我寫了當中需要用到的全部元件,正計劃把它們做成一個獨立的專案並開源,目前它們在 src/renderer/components/wzel 底下。

  • Calendar 日曆
  • ContextMenu 右鍵選單
  • DatePicker 日期和時間選擇器,我的一篇文章已經講過它的實現
  • Message 訊息
  • Notfication 通知
  • Input 輸入框
  • Button 按鈕
  • ConfirmDialog 確認對話方塊
  • InputDialog Prompt 對話方塊
  • Dropdown 彈出框
  • Modal 模態框
  • Segment 分類選擇
  • Switch 開關
  • Select 選擇列表

後續計劃

該專案正處於並將長期處於 pre release 階段,我會不斷豐富它的功能並打磨使用者體驗,還有很多工作需要完成!下一個版本號將會是 0.0.3,主要計劃包括:

  • 在為使用者提供建議的時候,採取更多的推薦策略
  • 獲取天氣資訊,在 Today 頁面進行展示,這樣使用者在決定今天做什麼的時候就可以進行參考
  • 給待辦事項列表提供 Emoji 的選擇
  • 將代辦事項移動到其他列表當中
  • 繪製插畫風的圖片以形成統一的 UI 風格
  • 增加日誌模組

致意

Icon 是很久之前根據一篇教程繪製的,現在已經找不到了,沒有辦法致謝。如果作者看見了而且認為存在版權問題,請馬上聯絡我。

相關文章