React.jsでなんちゃってtodoアプリを作りました
URL
アプリケーション: https://juns-app.tk
Githubリポジトリ: https://github.com/jun0222/my-react-todo
使用技術など
React.js/Netlify/freenom
制作日数
- 10日
機能
- todo追加機能(期限入力にはdatepicker使用)
- todo編集機能
- todo削除機能
- todoソート機能
- todoフィルター機能
今後改善したい点
- CSSを.cssファイル管理にしているので、CSSinJSやMaterialize CSS、TailwindCSS、Bulmaなどを使いたい
- todoがDBに登録されないので、FirebaseやAWS AmplifyでDBにデータを登録したい
- todoへコメントをつける機能を作成中なので、完成させたい
- UIを改善したい
- 定数名など実態に則していないものを修正したい
- フィルター中にtodoのステータスを変更すると、変更後該当しないステータスのフィルターをかけていても画面にtodoが表示されたままなので改善したい
- タスク追加後、フィルター、ソートが解除されるので改善したい
- レスポンシブ対応
- リファクタリング
参考サイト
https://qiita.com/sikkim/items/622a681355df1e381e1e https://qiita.com/hisashi_matsui/items/1f4733aa7a8e410e0e38