Smart Spend

ระบบจัดการรายรับ-รายจ่ายส่วนบุคคล ออกแบบให้ใช้งานง่าย สวยงาม ข้อมูลเก็บในเครื่องปลอดภัย

Features

• Dashboard — สรุปยอดรายรับ-รายจ่าย, เป้าหมายการออม, กราฟวิเคราะห์แนวโน้ม, สัดส่วนค่าใช้จ่ายตามหมวดหมู่
• Transactions — บันทึกรายการ, แนบไฟล์/รูปภาพ, ฟิลเตอร์ข้อมูล, Export (Excel, CSV, PDF)
• Setup — จัดการหมวดหมู่รายรับ-รายจ่าย, โหลดข้อมูลตัวอย่าง
• How to Use — คู่มือการใช้งาน 3 ขั้นตอน

Tech Stack

• HTML/CSS/JS — Vanilla, ไม่ใช้ framework
• Chart.js — กราฟเส้นและแท่ง
• Tailwind CSS — Styling
• localStorage + IndexedDB — เก็บข้อมูลในเครื่อง

Getting Started

เปิดไฟล์ index.html ในเบราว์เซอร์ได้เลย ไม่ต้องติดตั้งหรือ build อะไรเพิ่ม

Design

• สี Primary: #f26522 (Orange)
• Responsive: Desktop, Tablet, Mobile
• Icon ใช้ SVG inline ทั้งหมด

ข้อมูลทั้งหมดเก็บในเครื่องผู้ใช้ ไม่มีการส่งข้อมูลไปยัง server ใดๆ