Task Manager（Laravel × Tailwind CSS）

認証付きのタスク管理アプリケーションです。
タスクの登録・編集・検索・絞り込み・タグ管理機能に加えて、
レスポンシブ対応やドラッグ＆ドロップによる並び替えなど、
実務レベルの UI/UX を意識して構築しました。

---

📌 主な機能

■ タスク

• 新規作成 / 編集 / 削除（ソフトデリート）
• タスクのステータス管理（未着手 / 進行中 / 完了）
• 優先度管理（低・中・高）
• 期限設定 & 期限接近の色分け表示
• タグの複数選択
• アーカイブ一覧 / 復元

■ 絞り込み・検索

• キーワード検索（タイトル部分一致）
• ステータスフィルタ
• 優先度フィルタ
• タグフィルタ
• 完了タスクの非表示
• 並び替え（期限 / 優先度 / カスタム順）

■ 並び替え（ドラッグ & ドロップ）

• Sortable.js を使用
• 「カスタム順」選択時のみドラッグ可能
• 並び替え内容は DB に保存

■ タグ管理

• 追加 / 削除
• スラッグ自動生成
• タスクとの多対多リレーション

■ 認証

• Breeze によるログイン / 登録 / パスワード管理

---

🛠 技術スタック

技術	内容
Laravel 10	バックエンドフレームワーク
Breeze	認証機能
Tailwind CSS	UI フレームワーク
Sortable.js	並び替え処理
MySQL / SQLite	データベース
PHP 8.1	実行環境

---

🧩 設計意図・工夫した点

1. レスポンシブ UI の最適化

• スマホ（~767px）：カード型で縦読みしやすい
• タブレット（768〜1023px）：行数削減しつつ情報はテーブルで把握可能
• PC（1024px~）：テーブル型で一覧性を優先

2. カスタム順ソートの実装

管理しやすさを強化するため、
クライアント側で並び替え → サーバーへ保存する仕組みを導入。

3. タグ管理の柔軟性

多対多リレーションを利用し、
タスクに複数タグを設定できるよう設計。

4. ソフトデリートで安全性確保

誤削除を防ぐため、タスクは削除時にアーカイブへ移動。

---

📸 スクリーンショット

ダッシュボード（PC）

---

タスク一覧（PC）

---

タスク新規作成（PC）

---

タスク一覧（スマホ）

🚀 セットアップ

git clone https://github.com/Tamon-Kawahara/task-manager.git
cd task-manager

cp .env.example .env
php artisan key:generate

# DB設定を.envで編集後
php artisan migrate

# 開発サーバー
php artisan serve

# CSS / JS ビルド
npm install
npm run dev