ตลาด ผัก และผลไม้ออนไลน์ (VegFru)
ยินดีต้อนรับสู่โครงการตลาดผักและผลไม้ออนไลน์! แพลตฟอร์มนี้ออกแบบมาเพื่อเชื่อมต่อลูกค้ากับผู้ขายผักและผลไม้สดในบริเวณใกล้เคียง ด้วยอินเทอร์เฟซที่ใช้งานง่าย ลูกค้าสามารถค้นหาผู้ขายบนแผนที่ ดูรายการผลิตภัณฑ์ และสั่งซื้อได้อย่างปลอดภัยผ่านเกตเวย์การชำระเงิน
คลิกที่นี่เพื่อดูโฟลว์ของ VegFru
Note: Fully Mobile Responsive
คุณสมบัติของแอพ:
| คุณสมบัติของลูกค้า | คุณสมบัติผู้ขาย - สร้างและจัดการร้านค้าของคุณ |
|---|---|
| 1. ค้นหาผู้ขายใกล้เคียงบนแผนที่: - ค้นหาผู้ขายในบริเวณใกล้เคียงได้อย่างง่ายดายโดยใช้อินเทอร์เฟซแผนที่แบบโต้ตอบ | 1. การสร้างร้านค้า: ผู้ขายสามารถสร้างและปรับแต่งร้านค้าออนไลน์ของตนภายในแพลตฟอร์มได้ พวกเขาสามารถตั้งค่าร้านค้าด้วยแบรนด์ โลโก้ และข้อมูลร้านค้าได้ |
| 2. ดูโปรไฟล์ผู้ขายและรายการผลิตภัณฑ์บนแผนที่: - เข้าถึงโปรไฟล์ผู้ขายโดยละเอียดและเรียกดูรายการผลิตภัณฑ์ได้โดยตรงภายในอินเทอร์เฟซแผนที่ | 2. การจัดการสินค้าคงคลัง: ผู้ขายเข้าถึงแดชบอร์ดที่มีประสิทธิภาพเพื่อการจัดการสินค้าคงคลังที่มีประสิทธิภาพ พวกเขาสามารถเพิ่ม แก้ไข หรือลบรายการผลิตภัณฑ์ อัปเดตจำนวน และกำหนดราคาได้ |
| 3. สั่งซื้อและชำระเงินอย่างปลอดภัยผ่าน Stripe: - สั่งซื้อผลิตภัณฑ์ที่ต้องการจากผู้ขายได้อย่างราบรื่นโดยใช้เกตเวย์การชำระเงิน Stripe ที่แข็งแกร่งและปลอดภัย | 3. การประมวลผลคำสั่งซื้อ: ผู้ขายสามารถจัดการคำสั่งซื้อ ตรวจสอบรายละเอียด และเตรียมการจัดส่งได้โดยตรงจากแดชบอร์ดอย่างมีประสิทธิภาพ |
| 4. ติดตามคำสั่งซื้อแบบเรียลไทม์: - ติดตามสถานะคำสั่งซื้อ รายละเอียด และการชำระเงินแบบเรียลไทม์ตั้งแต่การยืนยันไปจนถึงการจัดส่ง | 4. ข้อมูลเชิงลึก: ผู้ขายสามารถเข้าถึงรายได้รายวัน ยอดรวมของลูกค้า และข้อมูลคำสั่งซื้อ โดยให้ข้อมูลเชิงลึกทางธุรกิจอันมีค่าซึ่งช่วยในการทำความเข้าใจประสิทธิภาพของร้านค้า |
| 5. การยืนยันทางอีเมลหลังจากสั่งซื้อสำเร็จ: - รับอีเมลยืนยันทันทีหลังจากทำการสั่งซื้อสำเร็จ |
เทคโนโลยีที่ใช้
โปรเจ็กต์นี้สร้างขึ้นโดยใช้เทคโนโลยีเว็บสมัยใหม่ ได้แก่:
| เทคโนโลยี | ทางเลือก |
|---|---|
| ส่วนหน้า | โต้ตอบ JS/NextJS |
| กรอบงาน UI | ChakraUI/Tailwind |
| แบ็กเอนด์ | NodeJs/ExpressJS |
| ฐานข้อมูล | MongoDB |
| การบรรจุหีบห่อ | นักเทียบท่า |
| บริการระบุตำแหน่ง | Mapbox API (การค้นหาตามตำแหน่ง, การรวมแผนที่, API ทิศทาง, API ระยะทาง) |
| เกตเวย์การชำระเงิน | ลายชำระเงิน |
| การแคช | Redis (เพื่อลดคำขอ DB เพิ่มประสิทธิภาพ และลดเวลาตอบสนอง) |
| การจำกัดอัตรา | ใช้เพื่อควบคุมอัตราการร้องขอ ใช้เป็นมิดเดิลแวร์ใน ExpressJS เพื่อป้องกันคำขอมากเกินไป และรับประกันความเสถียรของเซิร์ฟเวอร์ |
| เว็บฮุค | ใช้สำหรับบันทึกรายละเอียดการชำระเงินลงในฐานข้อมูล |
| การแจ้งเตือนทางอีเมล | ส่งโดยใช้เซิร์ฟเวอร์ Gmail SMTP และ Nodemailer |
| โทเค็นการเข้าถึงและโทเค็นการรีเฟรช | ใช้งานกับเครื่องสกัดกั้น Axios เพื่อประสบการณ์ผู้ใช้ที่ดียิ่งขึ้น |
ภาพหน้าจอฝั่งไคลเอ็นต์
ภาพหน้าจอฝั่งผู้ขาย
ติดต่อ
หากคุณมีคำถามหรือข้อเสนอแนะ โปรดติดต่อฉันได้ที่ [email protected] เยี่ยมชมเว็บไซต์ของฉัน : คลิกที่นี่ เรายินดีรับฟังจากคุณ!
