Savings Planner

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

https://ledger.kittikun.dev # Savings Planner — วางแผนเก็บเงิน (multi-user) เว็บแอป Next.js 15 + Prisma + Auth.js สำหรับวางแผนและติดตามการเก็บเงินแบบหลายผู้ใช้ แต่ละคนสร้าง "เป้าหมาย" (Plan) ของตัวเองได้ไม่จำกัด ระบบคำนวณว่าต้องเก็บเดือนละเท่าไหร่ และติดตามรายรับรายจ่ายจริงเทียบกับแผน ## Tech stack - Next.js 15 (App Router) + TypeScript strict - Prisma ORM — SQLite (dev) / PostgreSQL (prod) - Auth.js (NextAuth v5) + Credentials (bcrypt) - Tailwind CSS, Recharts ## เริ่มใช้งาน ```bash npm install # ตั้งค่า env cp .env.example .env # แก้ AUTH_SECRET ใน .env (สร้างด้วย: npx auth secret หรือ openssl rand -base64 32) # สร้างฐานข้อมูล npx prisma migrate dev --name init # seed demo user + แผนตัวอย่าง npx prisma db seed # รัน npm run dev # http://localhost:3000 ``` Demo login: `demo@example.com` / `demo1234` ## โครงสร้างหน้า - `/` — landing - `/login`, `/signup` — สมาชิก - `/plans` — รายการเป้าหมายทั้งหมด - `/plans/new` — สร้างเป้าหมาย - `/plans/[id]` — แดชบอร์ด (ความคืบหน้า, งบ, กราฟเงินสะสม, ตั้งค่า/archive/ลบ) - `/plans/[id]/budget` — แก้หมวดหมู่และงบ/เดือน - `/plans/[id]/log` — บันทึก/ลบ/กรองรายการ - `/plans/[id]/summary` — สรุปรายเดือน ## ความปลอดภัย - รหัสผ่าน hash ด้วย bcrypt เท่านั้น - middleware ป้องกันทุกหน้าใต้ `/plans` - ทุก query/mutation ผ่าน `src/lib/data.ts` ที่ scope ตาม session user — ไม่เชื่อ id จาก client ## Docker / Docker Compose รันทั้ง app + PostgreSQL ในคอนเทนเนอร์ ตอนสตาร์ตจะ `prisma migrate deploy` อัตโนมัติ ```bash cp .env.example .env # อย่างน้อยตั้ง AUTH

โดย prokittikun · ดูโพสต์ต้นทาง