กลับไปหน้าผลงาน
โปรเจคที่ 2 จาก 8

Money Tracker App

ระบบติดตามรายรับ-รายจ่ายส่วนตัว ดึงข้อมูลธุรกรรมจากอีเมลแจ้งเตือนธนาคารอัตโนมัติ พร้อมแดชบอร์ดสรุปยอดคงเหลือแบบเรียลไทม์

2026PersonalAutomationFintechFull-stack
ระยะเวลาพัฒนา
2 เดือน (ต่อเนื่อง)
สถานะ
ใช้งานจริง
บริษัท
Personal Project
เทคโนโลยีหลัก
Next.jsPrismaSupabase
หน้าแดชบอร์ดหลักของ Money Tracker App

เกี่ยวกับโปรเจค

Money Tracker App เป็นเว็บแอปพลิเคชันส่วนตัวสำหรับติดตามรายรับ-รายจ่าย พัฒนาด้วย Next.js 16 (App Router) และ TypeScript โดยจุดเด่นคือระบบดึงข้อมูลธุรกรรมจากอีเมลแจ้งเตือนของธนาคารอัตโนมัติผ่าน Gmail API แทนการกรอกข้อมูลด้วยมือ

ระบบเก็บ timestamp ของอีเมลล่าสุดที่ดึงมาแล้วไว้ในฐานข้อมูล และดึงอีเมลใหม่จากธนาคาร Krungthai และ Kasikornbank ต่อจากจุดนั้นโดยอัตโนมัติทุกครั้งที่เปิดแอป (ไม่ใช่ scheduled cron job) จากนั้นแกะข้อมูล (parse) แล้วบันทึกลงฐานข้อมูล Supabase (PostgreSQL) ผ่าน Prisma ORM โดยตรวจสอบรายการซ้ำด้วย reference number ก่อนบันทึกทุกครั้ง

วัตถุประสงค์

ลดภาระการบันทึกรายรับ-รายจ่ายด้วยมือ • ให้เห็นภาพรวมทางการเงินแบบเรียลไทม์ผ่านแดชบอร์ด • วางโครงสร้างระบบให้ขยายรองรับธนาคารอื่นเพิ่มได้ในอนาคต