Task Manager (タスク管理アプリ)

美しく、レスポンシブで、直感的に操作できるタスク管理アプリケーションです。 日常のタスク整理、優先度設定、サブタスク、カテゴリ分け、および進捗統計機能を備え、すべてのデータはブラウザの localStorage に安全に自動保存されます。

また、Render.com への自動デプロイを可能にする Blueprint 設定（render.yaml）が事前にセットアップされています。

---

🌟 主な機能

1. 直感的なタスク管理

   • タスクの追加・編集・完了・削除をスムーズに実施
   • 進捗状況に合わせたタスク完了チェック

2. 進捗統計ボード (Dashboard Stats)

   • リアルタイムでタスク完了率を可視化（アニメーション進捗バー）
   • 「未完了」「完了」「最優先タスク（未完了）」をカード形式で一目で把握

3. 期限 & 優先度アラート

   • 期限日（今日・明日・期限超過など）を自動算出して直感的に色分け表示
   • 「高・中・低」の3段階の優先度バッジをサポート

4. サブタスク構造

   • 各タスクの中に複数のチェックリスト（サブタスク）を作成可能
   • サブタスクごとの進捗バーも個別に搭載

5. 高度なフィルタリング & ソート

   • タスク名、詳細メモ、カテゴリのキーワードで瞬時にあいまい検索
   • 「すべて」「未完了」「完了」のタブ切り替え
   • カテゴリ別の水平スクロール・フィルタリング・ピル
   • 期日、作成日時、優先度、タイトル順でのソート（昇順・降順の切り替え可能）

6. データの永続化

   • 面倒なログイン不要で、ブラウザを閉じてもデータが残る localStorage 連携

---

🛠 テクノロジー

• Frontend: React 19 / TypeScript / Vite 6
• Styling: Tailwind CSS
• Animation: Motion (motion/react)
• Icons: Lucide React