Finance App Diary Mode

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

GitHub Actions รันโค้ดบน Server ของ GitHub ซึ่ง ไม่ถูก Cloudflare บล็อค เพราะไม่ใช่ IP ของ Google เพื่อโหลดข้อมูลส่งให้ google app script ตรวจสอบข้อมูลการเปลี่ยนเปลงจำนวนของกลุ่มเป้าหมายเด็ก 0-5 ปีที่ต้อง https://my-finance-pwa-two.vercel.app # Finance App — Diary Mode (v1.2) แอปบันทึกการเงินส่วนตัวภาษาไทย — PWA, local-first, no server, no signup ## Features ที่ทำงานจริง | Feature | Status | |---|---| | บันทึกธรรมดา + calculator keypad | ✅ | | Voice input (Web Speech API + Thai NLP) | ✅ | | รายจ่ายล่วงหน้า / ประจำ / ผ่อน | ✅ | | Scheduler — สร้าง tx อัตโนมัติเมื่อครบกำหนด | ✅ | | PDF e-Statement import (universal parser) | ✅ | | Slip QR scanner (PromptPay) | ✅ | | Daily expense chart 14 วัน | ✅ | | Cashflow forecast 30 วัน | ✅ | | Min-balance alert per บัญชี | ✅ | | Diary mode UI (Mali font, washi tape, squiggle) | ✅ | | Local-first (localStorage) | ✅ | | Backup JSON export/import | ✅ | | PWA installable + offline | ✅ | ## โครงสร้างไฟล์ ``` finance-app-diary/ ├── index.html ← App shell + bottom nav + FAB ├── manifest.webmanifest ← PWA manifest ├── sw.js ← Service worker (cache shell + fonts) ├── css/styles.css ← Diary mode design system (~1800 lines) ├── js/ │ ├── app.js ← Entry point + scheduler boot │ ├── state.js ← Transactions + accounts + computed │ ├── recurring.js ← Recurring templates + scheduler │ ├── utils.js ← Money/date/calc helpers │ ├── icons.js ← SVG icons + CATEGORIES │ ├── views.js ← Render 4 views + chart insights │ ├── add.js ← Add modal + keypad + voice + recurring picker │ ├── voice.js ← Web Speech API + Thai NLP intent │ ├── slip.js

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