ภาพรวมระบบ & คู่มือใช้งาน

แผนผังทุกหน้าและวิธีใช้ฟีเจอร์ต่าง ๆ ของ Ducklife ในที่เดียว — คลิกเพื่อเปิดหน้านั้นได้เลย

22+หน้าเว็บ
6กลุ่ม API
10หมวดหมู่
5ชนิดโปรเจกต์
6โปรเจกต์ตัวอย่าง
4บทความคู่มือ
แผนผังเว็บไซต์

ทุกหน้าในระบบตอนนี้

จัดกลุ่มตามการใช้งาน — หน้าที่มี ▸ เป็นหน้าแบบไดนามิก (มีได้หลายรายการ)

หน้าสาธารณะ

หน้าที่ทุกคนเข้าถึงได้ (SEO-ready)

12 หน้า
หน้าแรก
/
Hero, สถิติ, หมวดหมู่, โปรเจกต์มาแรง, Pitch Studio, CTA
→
สำรวจโปรเจกต์
/discover
ค้นหา + กรองหมวด + เรียง (มาแรง/ระดมทุนมากสุด/ใหม่/ใกล้ปิด)
→
▸หน้าหมวดหมู่
/c/tech
หน้าเฉพาะแต่ละหมวด (10 หมวด) พร้อมสีประจำหมวด
→
▸รายละเอียดโปรเจกต์
/projects/sunduck-solar-lamp
เรื่องราว + ของตอบแทน + สนับสนุน + คอมเมนต์ + stretch goals
→
▸โปรไฟล์ผู้สร้าง
/creators/c_sangdee
ข้อมูลผู้สร้าง + โปรเจกต์ทั้งหมดของเขา
→
คู่มือระดมทุน
/guide
บทความ SEO — วิธีระดมทุน, เขียนหน้าโปรเจกต์, ตั้งราคา ฯลฯ
→
ระบบระดมทุน
/how-funding-works
All-or-Nothing vs Keep-it-All, escrow, ค่าธรรมเนียม, คืนเงิน
→
เกี่ยวกับเรา
/about
พันธกิจ, สถิติ, ค่านิยม
→
รายการที่บันทึก
/saved
โปรเจกต์ที่กดหัวใจไว้ (เก็บใน localStorage)
→
ศูนย์ช่วยเหลือ
/help
คำถามที่พบบ่อย (FAQ) สำหรับผู้สนับสนุน/ผู้สร้าง
→
ติดต่อเรา
/contact
ช่องทางติดต่อ + ฟอร์ม + ยื่นข้อพิพาท
→
▸หน้ากฎหมาย
/legal/privacy
ความเป็นส่วนตัว (PDPA) · เงื่อนไข · คืนเงิน
→

สำหรับผู้สร้าง

เครื่องมือสร้างและจัดการโปรเจกต์

4 หน้า
เริ่มโปรเจกต์
/start
เลือกชนิด (5 แบบ) → เห็นเช็กลิสต์หลักฐานเฉพาะชนิด
→
Pitch Studio
/pitch-studio
สร้าง/แก้/เรียงสไลด์ + โหมดนำเสนอเต็มจอ
→
แดชบอร์ด
/dashboard
KPI, โปรเจกต์ของฉัน, ฟอร์มโพสต์อัปเดต
→
การเงิน & ถอนเงิน
/payouts
ยอดพร้อมถอน, ประวัติ, บัญชีรับเงิน, ค่าธรรมเนียม
→

บัญชีผู้ใช้

เข้าสู่ระบบผ่าน LINE / Google / อีเมล

3 หน้า
เข้าสู่ระบบ
/login
ปุ่ม LINE (แนะนำ) / Google + ฟอร์มอีเมล
→
สมัครสมาชิก
/register
สร้างบัญชีใหม่
→
การแจ้งเตือน
/notifications
กระดิ่งบนเมนู + ตัวนับ unread + หน้ารวมความเคลื่อนไหว
→

แอดมิน / ตั้งค่า

หน้าจัดการภายใน (noindex)

3 หน้า
ศูนย์แอดมิน
/admin
ภาพรวม + KPI + ตารางจัดการทุกโปรเจกต์
→
คิวตรวจสอบ
/admin/review
อนุมัติเอกสาร + ยืนยันตัวตน & การมีอยู่จริง → เปิดระดมทุน
→
ตั้งค่าระบบ
/settings
เปิด/ปิดฟีเจอร์ (feature flags)
→

API

Endpoint สำหรับเชื่อมต่อ (พร้อมสลับไป database จริง)

6 กลุ่ม
GET/api/projectsรายการโปรเจกต์ (กรอง ?cat= ?q=)
GET/api/projects/[slug]รายละเอียดโปรเจกต์ 1 รายการ
GET/POST/api/projects/[slug]/updatesดู/โพสต์อัปเดตของโปรเจกต์
POST/api/pledgesสนับสนุน + สร้าง charge → อัปเดตยอดอัตโนมัติ
POST/api/payments/webhookรับผลชำระเงิน → อัปเดตสถานะ pledge/โปรเจกต์
GET/sitemap.xml · /robots.txt · /manifest.webmanifestSEO + PWA (สร้างอัตโนมัติ)
วิธีใช้งาน

ทำอะไรได้บ้าง & ทำยังไง

สรุปขั้นตอนของฟีเจอร์หลักในระบบ

สนับสนุนโปรเจกต์

  1. เปิดหน้าโปรเจกต์
  2. เลือกของตอบแทน
  3. เลือกวิธีจ่าย (PromptPay/บัตร/TrueMoney/โอน)
  4. กดสนับสนุน → ยอดระดมทุนอัปเดตทันที

บันทึกโปรเจกต์

  1. กดรูปหัวใจบนการ์ดหรือหน้าโปรเจกต์
  2. ตัวนับบนเมนูเพิ่มขึ้น
  3. ดูทั้งหมดที่หน้า /saved

สร้างพิตช์นำเสนอ

  1. ไป Pitch Studio
  2. เลือกเทมเพลตหรือเริ่มเปล่า
  3. แก้/เพิ่ม/เรียงสไลด์
  4. กด ▶ นำเสนอ (ลูกศร ← → , Esc ออก)

เปิดโปรเจกต์ + ยื่นหลักฐาน

  1. ไปหน้าเริ่มโปรเจกต์
  2. เลือกชนิดโปรเจกต์
  3. ดูเช็กลิสต์เอกสารเฉพาะชนิด
  4. อัปโหลด → ส่งตรวจสอบ

โพสต์อัปเดต (ผู้สร้าง)

  1. ไปแดชบอร์ด
  2. เลือกโปรเจกต์
  3. เขียนหัวข้อ + เนื้อหา
  4. โพสต์ → โผล่ในแท็บ 'อัปเดต'

ตรวจสอบ (แอดมิน)

  1. ไป /admin/review
  2. ตรวจเอกสารทีละชิ้น (ผ่าน/ไม่ผ่าน)
  3. เมื่อครบ → อนุมัติเปิดระดมทุน
สถานะระบบ

อะไรพร้อม / อะไรรอเชื่อมต่อ

ใช้งานได้แล้ว (ตอนนี้)

  • ทุกหน้า + ดีไซน์ + responsive + PWA (ติดตั้งเป็นแอปได้)
  • ค้นหา/กรอง/เรียง, บันทึกโปรเจกต์, คอมเมนต์
  • Flow สนับสนุน + จ่ายเงินจำลอง (อัปเดตยอดอัตโนมัติ)
  • Pitch Studio แก้ไข/นำเสนอได้จริง
  • หลักฐานตามชนิดโปรเจกต์ + คิวตรวจสอบแอดมิน
  • Feature flags + SEO (metadata/JSON-LD/sitemap)

รอ พน. เชื่อมต่อ

  • Database จริง (PostgreSQL + Prisma) — schema พร้อมแล้ว
  • Auth จริง (LINE/Google ผ่าน Auth.js)
  • Payment จริง (Omise/PromptPay) + escrow/คืนเงิน
  • อัปโหลดไฟล์จริง (S3/R2)

รายละเอียดใน ARCHITECTURE.md, PLAN.md, SYSTEM-OVERVIEW.md