หน้าแรก/ผลงาน/PlugPay - Multi-Project Donate & Invoice Platform
Full-stack⭐ Featured

PlugPay - Multi-Project Donate & Invoice Platform

แพลตฟอร์ม PlugPay สำหรับ Dev/Creator ที่ต้องการรับ Donate, Payment Link และออก Invoice ให้หลายโปรเจคในที่เดียว มี MainLayout + RetroLayout สลับได้ด้วย Zustand, Theme Provider (next-themes), Reusable UI Kit, LandingView ตาม Presenter Pattern รองรับ Stripe + Omise, Webhook, Dashboard, และเตรียม Supabase Repo

วันที่
พฤษภาคม 2568
หมวดหมู่
Full-stack
Views
0
🚀
PlugPay - Multi-Project Donate & Invoice Platform thumbnail

ฟีเจอร์หลัก

Dual Layout + Theme System

MainLayout glassmorphism + RetroLayout IE5 พร้อม Header/Footer/Theme Toggle, React Spring animations และ Zustand layout switcher ตาม Clean Architecture @prompt/INIT_PROJECT.md#1-27 @src/presentation/components/landing/LandingView.tsx#1-50

Multi-Project Management

สร้างหลายโปรเจค แยกรายได้ เปิด/ปิด donate ต่อโปรเจค ใช้ project_slug สำหรับฝังลิงก์ รองรับ dev/creator หลายเว็บ @prompt/FEATURES.md#21-40

Payment Links & Donate Widgets

ออกลิงก์รับเงินแบบ Donate, Fixed amount, Custom amount พร้อมข้อความผู้ชำระ ฝังในเว็บหรือแชร์ได้ทันที @prompt/FEATURES.md#31-38

Invoice, Payer & Billing Workflow

สร้าง invoice หลายรายการต่อใบ ตั้ง due date, draft/sent/paid/expired, เก็บข้อมูล payer และผูก payment อัตโนมัติ @prompt/FEATURES.md#41-75

Stripe + Omise + Webhook Dashboard

รองรับ Stripe Card/Online และ Omise QR/PromptPay พร้อม realtime status, webhook idempotent, dashboard สรุปรายได้ตามโปรเจค/ช่องทาง/ช่วงเวลา @prompt/FEATURES.md#54-102

แกลเลอรี่

📸
PlugPay - Multi-Project Donate & Invoice Platform screenshot 1
📸
PlugPay - Multi-Project Donate & Invoice Platform screenshot 2
📸
PlugPay - Multi-Project Donate & Invoice Platform screenshot 3
📸
PlugPay - Multi-Project Donate & Invoice Platform screenshot 4

เทคโนโลยี

Next.js 16TypeScriptReact 19Tailwind CSS 4ZustandSupabaseReact Hook FormZodNext ThemesReact SpringAxiosLocalForageHTML2Canvas

สนใจทำโปรเจคแบบนี้?

ปรึกษาฟรี! เราพร้อมช่วยคุณสร้างโซลูชันที่ตอบโจทย์

รับคำปรึกษา