🏆 Final Challenge: ระบบจองห้องประชุม

ยินดีด้วยที่คุณเรียนรู้เนื้อหาและทำ Workshop พื้นฐานครบแล้ว! ตอนนี้ถึงเวลาพิสูจน์ฝีมือด้วย "Final Project" ที่คุณต้องลงมือทำเอง (โดยดูคู่มือให้น้อยที่สุด)

โจทย์: สร้างระบบ "Meeting Room Booking" (จองห้องประชุมออนไลน์)

---

🎯 ความต้องการของระบบ (Requirements)

1. Database Design (MySQL)

ต้องมีตารางอย่างน้อยดังนี้:

• users: เก็บข้อมูลผู้ใช้งาน (id, name, email)
• rooms: เก็บข้อมูลห้องประชุม (id, name, capacity, location)
• bookings: เก็บข้อมูลการจอง (id, user_id, room_id, start_time, end_time, topic)

2. Backend API (Laravel)

สร้าง API Endpoints ดังนี้:

• GET /api/rooms - ดูรายการห้องประชุมทั้งหมด
• GET /api/bookings - ดูประวัติการจองทั้งหมด
• POST /api/bookings - จองห้องประชุม (ต้องระบุ user_id, room_id, เวลา)
• DELETE /api/bookings/{id} - ยกเลิกการจอง

Challenge Ideas (Option เสริม)

• ป้องกันการจองซ้อน (ถ้าเวลานั้นห้องไม่ว่าง ห้ามให้จอง)
• ค้นหาห้องว่างตามช่วงเวลาที่กำหนด

3. Frontend (React)

ทำหน้าเว็บอย่างน้อย 2 หน้า:

1. Dashboard:
   • แสดงรายการห้องประชุมทั้งหมด (Card)
   • แสดงปฏิทินหรือรายการการจองวันนี้
2. Booking Form:
   • เลือกห้อง, เลือกผู้จอง (Dropdown), เลือกเวลา
   • กดปุ่ม "จองทันที" แล้วส่งข้อมูลไป Backend

---

📅 ขั้นตอนการทำงานแนะนำ

1. ออกแบบ Database: วาด ER Diagram ในกระดาษก่อน
2. ขึ้นโครง Laravel: สร้าง Model, Migration, Controller, Route
3. ทดสอบ API: ใช้ Postman ยิงทดสอบดูว่าบันทึกข้อมูลได้จริง
4. ขึ้นโครง React: สร้าง Component และจัดหน้าด้วย CSS Framework ที่ชอบ
5. เชื่อมต่อ: ใช้ fetch หรือ axios ดึงข้อมูลมาแสดง

---

💡 ใบ้ให้นิดนึง (Hints)

Migration สำหรับ bookings:

$table->foreignId('user_id')->constrained();
$table->foreignId('room_id')->constrained();
$table->dateTime('start_time');
$table->dateTime('end_time');
$table->string('topic');

Controller จองห้อง:

public function store(Request $request) {
    // ตรวจสอบว่าห้องว่างไหม?
    $exists = Booking::where('room_id', $request->room_id)
        ->where('start_time', '<', $request->end_time)
        ->where('end_time', '>', $request->start_time)
        ->exists();

    if ($exists) {
        return response()->json(['error' => 'ห้องไม่ว่างในช่วงเวลานี้'], 422);
    }

    return Booking::create($request->all());
}

ขอให้โชคดีกับการทำโปรเจกต์ส่งท้ายครับ! 🚀