BounD

เจ้าของผลงานเล่าไว้แบบนี้

https://bound-mu.vercel.app # BounD — Smart Finance Manager เว็บแอปจัดการการเงินส่วนตัว บันทึกรายรับ-รายจ่าย ดูภาพรวมการเงินผ่านกราฟ จัดการรายการที่เกิดซ้ำ สร้าง QR Code รับเงิน (PromptPay) และมีผู้ช่วย AI ให้คำแนะนำด้านการเงิน **เว็บใช้งานจริง:** https://murto2552-lang.github.io/Bound/ ## ฟีเจอร์ - **Bookshelf** — สรุปยอดเงินคงเหลือ/รายรับ/รายจ่าย พร้อมกราฟวงกลม เส้น และแท่ง - **Calendar** — ดูรายการธุรกรรมแบบปฏิทิน - **Assistant** — ผู้ช่วย AI แนะนำเรื่องการเงิน - **Receive** — สร้าง/แสดง QR Code รับเงิน (PromptPay) - **Profile** — ตั้งค่าบัญชี, PromptPay ID, อัปโหลด QR Code - **Login** ด้วย email/password หรือ Google - **Export** ข้อมูลเป็น Excel/PDF (ทำงานฝั่งเบราว์เซอร์ ไม่ต้องมี backend) - **admin-app** — dashboard แยกต่างหากดูสถิติผู้ใช้/ธุรกรรมรวม (สำหรับทีมพัฒนา) ## สถาปัตยกรรม ``` Frontend (React + Vite) → Backend (Express) → Database (Turso / SQLite) GitHub Pages Render libSQL cloud ``` | ส่วน | เทคโนโลยี | อยู่ที่ | |------|-----------|--------| | Frontend | React 19, Vite, Tailwind CSS v4, framer-motion | root, deploy บน GitHub Pages | | Backend | Node.js, Express 5 | `server/`, deploy บน Render | | Database | SQLite (dev) / Turso libSQL (production) | `server/db.js` | | Auth | httpOnly cookie, JWT access + refresh token, Google Sign-In | `server/authRoutes.js`, `src/context/AuthContext.jsx` | รายละเอียด API ทั้งหมด: [`BACKEND_HANDOFF.md`](./BACKEND_HANDOFF.md) ระบบ login/security: [`AUTH_SETUP.md`](./AUTH_SETUP.md) วิธี deploy ขึ้น production: [`

โดย murto2552-lang · ดูโพสต์ต้นทาง