TODO アプリ

1 ページのシンプルな TODO アプリになります。

以下が主要な機能になります。

• タスクの作成、編集、削除機能
  • タスク情報は以下です
    • タイトル
    • 期限日
    • メモ
• タスクの完了をチェックする機能
• タスクはまずタイトルのみで作成し、その後ダイアログで残りの情報を編集する方式になっています
• 今日のタスクはよく使うと思いましたので、1 クリックで追加できます
• タスクは期限日順にソートされます
• 期限を過ぎたタスクは日付を赤くします

なお、こちらのページはモバイルでの閲覧を前提に作成しており、 PC でのデザインについては考慮しておりませんのでご了承いただきたく。

使用パッケージ

• eslint(コード規約)
• material-ui(コンポーネント)
• prettier(コード整形)
• react
• react-redux(state 管理)
• @reduxjs/toolkit(redux のツールキット)
• redux-logger(Redux のログ出力)
• styled-components(CSS)

確認環境(EC2)

http://18.183.216.122:3001

確認環境は AWS EC2 上に React Static をインストールし、サーバを建てております。 →現在は閉鎖

開発環境構築

1. node.js(ver: 14.x), yarn をインストール
2. yarn installで必要なパッケージをインストール
3. yarn startでローカルサーバ立ち上げ
4. http://localhost:3001 にアクセスするとアプリを確認可能