skilltest_task_manager

このプロジェクトは、FastAPI（バックエンド）と Next.js（フロントエンド）で構成されたタスク管理アプリです。
ユーザー認証、タスク CRUD、期日管理、プロフィール編集までを一通り実装しています。

実装済み機能

認証機能

• アカウント登録
• ログイン / ログアウト
• トークンベース認証（Bearer）
• プロフィール取得 / 更新 API

タスク機能

• タスク一覧表示
• タスク作成 / 編集 / 削除
• タイトル・メモ・期日（日時）管理
• タスク完了チェック（ホーム画面から更新）

ホーム画面機能

• タスク検索（タイトル・メモ）
• 並び替え（作成日順 / 期限日順）
• 完了済みタスクの非表示切替
• 期日に応じたカード色分け
  • 本日締切: 赤
  • 明日締切: 黄
  • 期限切れかつ未完了: 紫
• サマリー表示
  • 期限を過ぎたタスク（0件時は非表示）
  • 本日が締め切りのタスク
  • 明日が締め切りのタスク
  • 次の日曜日までに締め切りのタスク
  • 未完了のタスク

プロフィール機能

• プロフィール表示
• ユーザー名 / メールアドレス編集
• プロフィール画像のアップロード（ファイル選択）

UI/UX 改善

• 主要画面のレイアウト統一
• ダークモード時のスイッチ視認性改善
• 削除や更新時のエラー通知

---

改善課題まとめ

1. ログイン・アカウント登録

• パスワードリセット機能が未実装
• メールアドレス確認（本人確認フロー）が未実装

2. ホーム画面

• 「完了したタスクを非表示」「並び替え」の設定が保持されない
• 「新規タスクを作成」ボタンが目立たず、発見しづらい
• 「並び替え」プルダウンの見た目に違和感がある
• チェックボックスが小さく押しづらい
• チェック操作時に誤ってカードクリック扱いとなり、編集画面へ遷移してしまう

3. 新規タスク作成・編集画面

• 期日設定の操作性が低い
  • スイッチ/ボタン配置
  • 日時選択UI
• 全体の色味が単調

4. プロフィール編集画面

• 「プロフィール画像を選択」入力のUIが冗長
  • 画像をクリックして直接ファイル選択できると分かりやすい
• ファイルサイズ超過時でも選択画像が表示されることがある

5. 全体共通

• 「ホームに戻る」導線のボタンデザインが画面ごとに統一されていない