Food Delivery Website 🍱🍜

Food Delivery เว็บไซต์ Online Food Ordering Platform สำหรับสั่งอาหารจากร้านค้าออนไลน์ ผู้ใช้งานสามารถเลือกหมวดหมู่อาหาร สั่งอาหาร เพิ่มจำนวนในตะกร้า และทำการชำระเงินได้อย่างสะดวก

หมายเหตุ: โปรเจคนี้เป็นระบบ Fullstack (Frontend + Backend) ที่เชื่อมต่อฐานข้อมูลและระบบชำระเงินจริง

🌐 Features

🏠 Home Page

• Hero Section แสดงภาพอาหารและข้อความโปรโมชัน
• Category Section แสดงหมวดหมู่อาหาร เช่น
  • อาหารจานหลัก 🍛
  • สลัด 🥗
  • ของหวาน 🍰
• สามารถคลิกเลือกหมวดหมู่เพื่อกรองอาหารที่ต้องการ

🍽️ Menu Card

• แสดงรายการอาหารทั้งหมดในแต่ละหมวดหมู่
• ปุ่ม เพิ่ม / ลดจำนวน สินค้าในแต่ละเมนู
• สามารถเพิ่มรายการอาหารลงใน ตะกร้าสินค้า (Cart) ได้ทันที

🛒 Shopping Cart

• แสดงรายการอาหารที่เลือก, จำนวน, และราคาต่อหน่วย
• แสดง ราคารวมทั้งหมด
• ช่องกรอก โค้ดส่วนลดหรือโปรโมชั่น
• สามารถ ลบรายการอาหาร ที่ไม่ต้องการออกได้
• ปุ่ม Proceed to Checkout เพื่อไปขั้นตอนชำระเงิน

ระบบจะตรวจสอบสถานะการเข้าสู่ระบบ (Login)

• หากยังไม่ได้ Login → จะไม่สามารถชำระเงินได้
• ต้องทำการ Register / Login ก่อนดำเนินการต่อ

👤 Authentication

• ระบบ สมัครสมาชิก (Register)
• ระบบ เข้าสู่ระบบ (Login) ด้วย Email & Password
• เข้าสู่ระบบสำเร็จแล้ว จะสามารถเข้าหน้า Checkout ได้

💳 Checkout & Payment

• หน้ากรอกข้อมูลที่อยู่ของลูกค้าก่อนชำระเงิน
• เชื่อมต่อระบบชำระเงินผ่าน Stripe
• หลังชำระสำเร็จ ระบบจะนำกลับไปยังหน้า Home

📦 Order & Profile Page

• ผู้ใช้งานสามารถดูรายการ Order ที่เคยสั่ง ได้ในหน้า Profile
• แต่ละ Order แสดงรายละเอียดรายการอาหารและ สถานะการสั่งซื้อ

🛠 Tech Stack

🖥️ Frontend

• Framework: React ⚛️
• Styling: CSS
• State Management: React Context

⚙️ Backend

• Runtime: Node.js
• Framework: Express.js
• Database: MongoDB
• Payment: Stripe

📌 Note

• โปรเจคนี้เป็นระบบ Fullstack Application
• รองรับการทำงานตั้งแต่การเลือกอาหาร → ชำระเงิน → ดูประวัติคำสั่งซื้อ
• ใช้สำหรับ ทดลองการทำงานของระบบสั่งอาหารออนไลน์แบบครบวงจร