Project Singla
Singla เป็นโปรเจคจัดการห้องพักโรงแรมที่ผมได้พัตนาและออกแบบขึ้นมา
โดยตัวโปรเจคนี้ผมได้ใช้ NextJs ในการพัฒนา โดยมีการใช้ Postgresql เป็นฐานข้อมูลในการจัดเก็บข้อมูลของโปรเจคนี้ โดยใช้ Prisma ในการเชื่อมต่อกับฐานข้อมูล อีกทั้งยังใช้ Resend ในการจัดการ Email ที่ส่งไปยังลูกค้า
ในด้าน UI ผมได้ใช้ Shadcn ในการสร้าง UI ของโปรเจคนี้ โดยมีการใช้ Tailwindcss ในการช่วยในการจัดการ CSS ของโปรเจคนี้
โดยโปรเจคนี้มีการจัดการห้องพักโรงแรม โดยมีระบบการจองห้องพัก แต่ผมขอสงวนระบบการจัดการห้องพัก ระบบการจัดการลูกค้า ระบบการจัดการการจองห้องพัก และระบบการจัดการการชำระเงินของลูกค้า ในหัวข้อนี้ จะนำมาแค่ระบบการจองห้องพักเท่านั้น เนื่องจากสัญญาที่ผมได้รับจากลูกค้า
ระบบการจองห้องพัก
โดยระบบการจองห้องพักนี้ จะมีการแสดงห้องพักที่ว่าง และลูกค้าสามารถจองห้องพักได้ โดยจะมีการแสดงรายละเอียดของห้องพักและราคาของห้องพักนั้นๆ
Step หน้าจอแสดงห้องพักที่ว่างโดยหลังจากลูกค้าเลือกห้องพักที่ต้องการจองแล้ว ลูกค้าจะต้องกรอกข้อมูลส่วนตัวของลูกค้า และเลือกวันที่เช็คอินและเช็คเอาท์ของห้องพักที่ลูกค้าต้องการจอง
Step หน้าจอกรอกข้อมูลส่วนตัวและวันที่เช็คอินเช็คเอาท์
โดยหลังจากลูกค้ากรอกข้อมูลเสร็จแล้ว ระบบจะแสดงหน้าจอสรุปข้อมูลการจองห้องพักของลูกค้า
Step หน้าจอสรุปข้อมูลการจองห้องพัก
Step หน้าจอแสดงสถานะการจองห้องพัก
โดยจะมีอีเมล์ที่ส่งไปยังลูกค้าที่ใช้ในการยืนยันการจองห้องพัก และลูกค้าจะต้องชำระเงินเพื่อยืนยันการจองห้องพัก