แจก Prompt สำหรับสร้างแอพสต๊อกสินค้าแบบไม่ต้องโค้ดด้วย Lovable.dev

ด้วยพลังของ AI ในยุคนี้ทำให้บางครั้งถ้าเราอยากได้ระบบง่ายๆมาจัดการในองค์กรเช่นระบบจัดการสต๊อกสินค้า ระบบจัดการโปรเจค ระบบจัดการเอกสาร

เราสามารถใช้น้อง AI มาช่วยสร้างแอพได้ภายในเวลาไม่กี่ชั่วโมง (ถ้าเป็นสมัยก่อนเราต้องทำกันเป็นเดือนกว่าจะได้ระบบมาใช้งาน )

โดยในคลิปด้านล่างนี้ผมจะมาบอกวิธีที่ผมใช้ในการสร้างเว็บแอพจัดการสต๊อกสินค้าด้วย platform Lovable.dev และการต่อเชื่อม database ที่ชื่อว่า supabase เพื่อให้แอปของเรานั้นสามารถใช้งานได้ทั้งบนเว็บไซท์และในโทรศัพท์มือถือ

โดยต้องบอกว่าทั้ง Lovable.dev และ Supabase นั้นจะมี plan free ที่เราสามารถเริ่มต้นใช้งานได้ฟรีเลย โดยถ้า scale ของแอปเรานั้นไม่ได้ใหญ่มากเราก็ไม่จำเป็นต้อง upgrade plan ให้เสียเงินเลย

โดยอันดับแรกให้เราทำการ Login เข้าไปยังระบบ Lovable.dev หรือถ้าใครยังไม่มี Account ก็สามารถสมัครก่อนได้ที่ลิงค์ด้านล่างนี้เลย

🔗 Link สมัคร platform Lovable.dev
https://lovable.dev/?via=wongsagorn

Screenshot

โดยหลังจากที่สมัครเรียบร้อยแล้วก็ให้เราทำการพิมพ์ prompt ด้านล่างนี้ลงไปได้เลย หรือ ถ้าเราอยากได้แอพในลักษณะอื่นก็สามารถทำการปรับแต่ง prompt ตามต้องการได้

Prompt สำหรับสร้างแอประบบบริหารจัดการสต๊อก

สร้างเว็บสำหรับจัดการสินค้าคงคลัง ชื่อเว็บว่า “Noobit Stock”
ขอให้หน้าตาของเว็บสวยงามคล้ายกับเว็บ instagram

ให้มี UI เป็น tab ที่สามารถเลือกเปลี่ยนหน้าต่างๆได้ โดยให้มีหน้าต่างๆดังต่อไปนี้

- หน้าข้อมูลสินค้า ใช้สร้างฐานข้อมูลสินค้า โดยมีหัวข้อให้ user กรอกดังต่อไปนี้
    - รหัสสินค้า - add ด้วย QR Scan ได้
    - ชื่อสินค้า
    - หน่วยนับ
    - ราคาขาย
    - ราคาซื้อ
    - จำนวนขั้นต่ำที่ต้องการเตือนสินค้าใกล้หมด

- หน้าขาย ใช้สำหรับสร้างรายการขายสินค้า โดยให้กรอกดังต่อไปนี้
    - ให้เลือกสินค้า ใส่ราคาขาย จำนวนที่ขาย หมายเหตุ
    - เลือกได้หลายสินค้าในหนึ่งบิล
    - scan QR code ในการ add ข้อมูลสินค้าได้
    - ระบบสร้าง document number ให้เองแบบอัตโนมัติ

- หน้าซื้อ ใช้สำหรับซื้อสินค้าเข้าสต๊อก โดยให้กรอกดังต่อไปนี้
    - ให้เลือกสินค้า ใส่ราคาซื้อ จำนวนที่ขาย หมายเหตุ
    - เลือกได้หลายสินค้าในหนึ่งบิล
    - scan QR code ในการ add ข้อมูลสินค้าได้
    - ระบบสร้าง document number ให้เองแบบอัตโนมัติ

- หน้ารายงานสินค้าคงเหลือ แสดงปริมาณสินค้าคงเหลือของสินค้าแต่ละชิ้น
    - Filter ตามสินค้าคงเหลือที่เยอะไปน้อยได้
    - Filter ตามสถานะเตือนใกล้หมดได้

- หน้ารายงานขาย แสดงข้อมูลขาย
    - สรุปยอดขายในแต่ละวัน แยกเดือน
    - สรุปทั้งจำนวนที่ขาย กับ ยอดขาย

- หน้ารายงานซื้อ แสดงข้อมูลซื้อ
    - สรุปยอดซื้อในแต่ละวัน แยกเดือน
    - สรุปทั้งจำนวนที่ซื้อ กับ ยอดซื้อ

โดยข้อมูลให้ทำการเก็บไว้ที่ supabase

โดยเทคนิคเพิ่มเติมในการ prompt ให้ครบถ้วนให้เราทำการพิมพ์ถามใน ChatGPT หรือ AI ตัวอื่นก็ได้ว่าถ้าเราจะสร้าง prompt สำหรับสร้างแอปพลิเคชั่นใน Lovable.dev เราจะสร้างแอปประมาณนี้ คุณคิดว่าเราควร prompt ยังไงบ้าง และมี features อะไรที่เรายังขาดไปบ้าง

AI ก็จะทำการแนะนำให้เพิ่มเติมว่าสิ่งที่เราควรจะต้องคำนึงถึงนั้นควรจะมีเรื่องอะไรบ้าง ทำให้การ prompt ของเรานั้นครอบคลุมมากยิ่งขึ้นนั้นเอง

Screenshot

และหลังจากที่ Lovable.dev ได้ทำการสร้างแอปพลิเคชั่นมาให้เราแล้ว เราก็สามารถพิมพ์เพื่อให้ระบบปรับแต่งเพิ่มเติมต่อให้ได้ รวมถึงสามารถบอกให้ระบบต่อกับฐานข้อมูล Supabase ให้ได้เช่นกัน โดยวิธีในการเชื่อมต่อกับ database เราสามารถดูตามคลิปด้านล่างได้เลยครับ