Git Product home page Git Product logo

todo's Introduction

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

todo's People

Contributors

dependabot[bot] avatar toyoshimahidenori avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.