เว็บไซต์จัดส่งเค้ก
การแนะนำ
แอพ Delivery Cake เป็นเว็บแอปพลิเคชันเต็มรูปแบบที่สร้างขึ้นโดยใช้. NET 0.8 สำหรับแบ็กเอนด์, เว็บ API, SQL สำหรับการจัดการฐานข้อมูลและตอบสนองต่อส่วนหน้า แอพนี้ช่วยให้ลูกค้าสามารถเรียกดูแคตตาล็อกของเค้กปรับแต่งคำสั่งซื้อและสั่งซื้อคำสั่งซื้อที่ปลอดภัยด้วยการตรวจจับตำแหน่งอัตโนมัติ ระบบยังรวมถึงแผงผู้ดูแลระบบสำหรับการจัดการเค้กหมวดหมู่ลูกค้าและผู้ใช้ให้ประสบการณ์ที่ราบรื่นสำหรับทั้งลูกค้าและผู้ดูแลระบบ
คุณสมบัติ
แอพลูกค้า
แคตตาล็อกเค้ก
ลูกค้าสามารถสำรวจเค้กที่หลากหลายซึ่งจัดเรียงตามหมวดหมู่ทำให้ง่ายต่อการค้นหาเค้กที่สมบูรณ์แบบ
สั่งการปรับแต่ง
ลูกค้าสามารถปรับแต่งคำสั่งซื้อของพวกเขาโดยเลือกขนาดเค้กและปริมาณเฉพาะจากนั้นเพิ่มเค้กที่กำหนดเองเหล่านี้ลงในตะกร้าสินค้าเพื่อการจัดการที่ง่ายก่อนเช็คเอาต์
สถานที่ตรวจจับอัตโนมัติ
ด้วยการรวมตัวกันของแผ่นพับ Lavelet แอปจะตรวจจับตำแหน่งของลูกค้าโดยอัตโนมัติในระหว่างการชำระเงินทำให้กระบวนการง่ายขึ้นโดยไม่จำเป็นต้องป้อนที่อยู่ด้วยตนเองโดยเฉพาะอย่างยิ่งมีประโยชน์สำหรับผู้ใช้มือถือ
การชำระเงินที่ปลอดภัย
กระบวนการชำระเงินรวบรวมรายละเอียดการติดต่อลูกค้าที่จำเป็นข้อมูลการชำระเงินและยืนยันที่อยู่จัดส่งที่ตรวจพบอัตโนมัติเพื่อให้มั่นใจว่าประสบการณ์การสั่งซื้อที่ราบรื่นและปลอดภัย
ระบบตอบรับ
หลังจากเสร็จสิ้นการสั่งซื้อลูกค้าจะได้รับเชิญให้แสดงความคิดเห็นเกี่ยวกับประสบการณ์ของพวกเขา บทวิจารณ์เหล่านี้จะแสดงในหน้าแรกทำให้ผู้เข้าชมใหม่สามารถดูคำรับรองจริงจากลูกค้ารายอื่น
หน้าแรกแบบไดนามิก
- เพิ่มเค้กเมื่อเร็ว ๆ นี้ : ไฮไลต์เพิ่มเติมใหม่ล่าสุดในแคตตาล็อกกระตุ้นให้ลูกค้ากลับมาและสำรวจตัวเลือกใหม่
- ข้อเสนอแนะของลูกค้าและคำรับรอง : แสดงข้อเสนอแนะที่แท้จริงจากลูกค้าเพิ่มความน่าเชื่อถือและช่วยให้ผู้ใช้ใหม่ทำการตัดสินใจอย่างชาญฉลาด
- ข้อมูลการติดต่อ : รายละเอียดการติดต่อที่จำเป็นจะปรากฏขึ้นอย่างเด่นชัดทำให้ง่ายสำหรับลูกค้าที่จะติดต่อกับคำถามหรือคำขอพิเศษ
แผงผู้ดูแลระบบ
- หน้าเข้าสู่ระบบของผู้ดูแลระบบ ให้การเข้าถึงการเข้าสู่ระบบอย่างปลอดภัยไปยังแผงควบคุมดูแลระบบเพื่อให้มั่นใจว่าผู้ใช้ที่ได้รับอนุญาตเท่านั้นสามารถจัดการข้อมูลและฟังก์ชันของแอปได้
- ภาพรวมของแดชบอร์ด Dashboard ผู้ดูแลระบบให้ข้อมูลสรุปยอดขายอย่างรวดเร็วสำหรับสัปดาห์ทำให้ผู้ดูแลระบบสามารถดูการวัดประสิทธิภาพทางธุรกิจได้อย่างรวดเร็วระบุแนวโน้มและทำการตัดสินใจที่ขับเคลื่อนด้วยข้อมูล
- การจัดการเค้ก หน้าเค้กเฉพาะให้ความสามารถในการดูเพิ่มอัปเดตหรือลบเค้กออกจากแคตตาล็อก การควบคุมปริมาณสต็อก: ผู้ดูแลระบบสามารถปรับปริมาณของเค้กแต่ละตัวในสต็อกเพื่อให้แน่ใจว่ามีความพร้อมใช้งานที่แม่นยำสำหรับลูกค้า
- การจัดการหมวด หมู่หน้าหมวดหมู่จัดทำเค้กในการจำแนกประเภท (เช่นวันเกิดวันครบรอบวัชพืช .. ) ทำให้แคตตาล็อกง่ายสำหรับลูกค้าในการนำทาง ผู้ดูแลระบบสามารถเพิ่มหมวดหมู่ใหม่แก้ไขประเภทที่มีอยู่หรือลบประเภทที่ล้าสมัย
- ผู้ดูแล ระบบการจัดการลูกค้า สามารถเข้าถึงรายชื่อลูกค้าที่สมบูรณ์ที่ได้สั่งซื้อให้ข้อมูลเชิงลึกเกี่ยวกับพฤติกรรมของลูกค้าและอนุญาตให้พวกเขาจัดการกับการสอบถามหรือปัญหาเฉพาะบัญชีใด ๆ
- ผู้ดูแล ระบบการจัดการผู้ใช้ สามารถสร้างบัญชีผู้ใช้ใหม่สำหรับพนักงานเพิ่มเติมจัดการข้อมูลผู้ใช้ที่มีอยู่และอัปเดตที่อยู่อีเมลหรือรีเซ็ตรหัสผ่านเมื่อจำเป็นเพื่อให้มั่นใจว่าการทำงานของระบบที่ราบรื่นและปลอดภัย
เทคโนโลยีที่ใช้
ฐานข้อมูล
- ฐานข้อมูล: Microsoft SQL Server พร้อม ADO.NET
ส่วนหน้า
- เครื่องมือสร้าง: VITE สำหรับการสร้างโครงการที่มีประสิทธิภาพ
- React Query: สำหรับการจัดการสถานะระยะไกลและการดึงข้อมูล
- บริบท API สำหรับการจัดการสถานะ UI
- React Router: เพื่อใช้การกำหนดเส้นทาง
- Tailwindcss: สำหรับสไตล์
- ตอบสนองแบบฟอร์มเบ็ดสำหรับการจัดการแบบฟอร์ม
- reCharts: ห้องสมุดสำหรับแผนภูมิเพื่อแสดงสถิติ
- React-Hot-Toast: สำหรับการแจ้งเตือนขนมปังปิ้ง
- React-Icons: สำหรับไอคอน UI
แบ็กเอนด์
ผู้ควบคุม:
- จัดระเบียบและจัดการคำขอ HTTP สำหรับทรัพยากร (เช่นเค้กคำสั่งซื้อ)
- กำหนดการกระทำ CRUD ผ่านวิธี HTTP (รับ, โพสต์, ใส่, ลบ)
รุ่น/DTOS:
- กำหนดโครงสร้างข้อมูลเพื่อปรับปรุงการถ่ายโอนข้อมูลไคลเอนต์เซิร์ฟเวอร์
วิธี HTTP:
- รับ: ดึงทรัพยากร (เช่นรายการเค้ก)
- โพสต์: สร้างทรัพยากรใหม่ (เช่นส่งคำสั่งซื้อ)
- ใส่: อัปเดตทรัพยากรที่มีอยู่ (เช่นแก้ไขรายละเอียดเค้ก)
- ลบ: ลบทรัพยากร (เช่นลบเค้ก)
รหัสสถานะ:
- 200 OK: การดึงข้อมูลที่ประสบความสำเร็จ/การอัปเดต
- 201 สร้างขึ้น: การสร้างทรัพยากรประสบความสำเร็จ
- 204 ไม่มีเนื้อหา: ลบทรัพยากรสำเร็จ
- 400 คำขอไม่ดี: ได้รับข้อมูลที่ไม่ถูกต้อง
- ไม่พบ 404: ไม่มีทรัพยากร
การตรวจสอบ:
- มั่นใจได้ว่าข้อมูลขาเข้านั้นถูกต้องและปลอดภัย
- คุณลักษณะของแบบจำลองและตรรกะที่กำหนดเองบังคับใช้ข้อกำหนดข้อมูล
การสาธิตสด
คลิกฉัน!
