Skip to content

Getting Things Doneの考え方を導入したNeumorphism ToDoアプリ

Notifications You must be signed in to change notification settings

ToyoshimaHidenori/ToDo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ToDo

Getting Things Doneの考え方と、サイクルシステムを組み合わせたシンプルなToDoアプリケーション

「エンジニアのための時間管理術」オライリー・ジャパン(2006) Thomas A. Limoncelli著 株式会社クイープ訳に刺激を受けて開発する。

機能

基本機能(実装済み)

  • タスクが一覧で表示される
  • タスクを作成できる
  • タスクの内容を編集できる
  • タスクを削除できる
  • タスクの状態(完了済み・未完了)を切り替えられる
  • タスクの状態が保存される
  • ページ読み込み時にタスクの状態が復元される

GTDとサイクルシステムのための機能(一部未実装)

  • 長期のタスクと当日タスクの二つと、未割り当てタスクに分けられる。
  • タスクには期限と所用時間が定められていて、毎朝、当日のタスク処理時間を入力すると自動で当日タスクにタスクが追加される。
  • 期限超過したタスクは未割り当てタスクに移動する。
  • 当日タスクは夜に未割り当てタスクに移動する。
  • 重要度はABCに分けられる。
  • タスクの期日と当日のタスクはカレンダーに通知
  • ドラッグ&ドロップでのタスク管理
  • 当日タスクがゼロになったらSNSでシェアできる。
  • タスク完了数や時間の統計情報を表示
  • 炎上してるタスクの強調表示
  • タスク優先度の色分け

利用方法

インストール

以下のコマンドを実行し、ローカルにサーバーをたてます。yarnを事前にインストールする必要があります。

git clone https://github.com/ToyoshimaHidenori/ToDo.git
cd ToDo/gtd-todo/
yarn start

機能を試したい場合は、次のページからアクセスします。https://toyoshimahidenori.github.io/ToDo/gtd-todo/build/index.html

タスクの登録

add taskボタンをクリックします。 変更はリアルタイムで反映されます。

タスクの完了

タスクが完了したら、チェックマークをクリックします。 プログレスバーへの反映には、syncボタンをクリックします。

使用技術

フロント

  • HTML
  • CSS
  • JavaScript
  • React

データベース

  • PostgreSQL

バックエンド

  • Node.js
  • Express.js

インフラ

  • Netlify
  • GitHub Pages