店舗向け予約管理システムとして、カレンダー、予約一覧、顧客情報、ステータス変更の画面を設計しました。日々の操作回数が多いため、少ないクリックで予約内容を確認・更新できることを重視しています。
予約枠の空き状況は時間帯ごとに確認でき、電話予約とWeb予約を同じ画面で管理する想定です。変更やキャンセル時には確認ダイアログを表示し、誤操作を防ぎます。
Reactで状態を管理し、APIから取得した予約データを日付単位で表示します。リアルタイム更新が必要な部分と、通常の再取得で十分な部分を分けて設計しています。