アーキテクチャ設計概要

📅 開発ログ（タイムライン）

トラブル記録

1. 画面構成

• / : ホーム（利用者・介護士選択）
• /caregivers : 介護士一覧
• /caregivers/:id : 介護士詳細ページ
• /mypage : 利用者のマイページ（登録情報・お気に入りなど）
• /reserve:予約ページ

2. コンポーネント構成

• <CaregiverCard /> : 介護士のサマリー表示カード
• <MedicineReminder /> : 服薬リマインダー表示
• <MessageForm /> : メッセージ入力フォーム
• <Pagination/> : 介護士の一覧情報をページごとに分割して表示

3. 状態管理

• useState : フォーム入力、モーダル表示など
• useContext : ログイン状態、ユーザー情報共有
• localStorage : 一時的な患者データ、ログインセッション

4. データ取得

• axiosにより /data/*.json をフェッチ