Personal2024
My App (Expense & Reading Tracker)
เว็บบันทึกรายจ่าย ติดตามการอ่าน และตัวช่วยจัดการการเงินส่วนตัว

บทบาท
Full Stack Developer
ปี
2024
ทีม
Solo Project
Tech Stack
Next.js, MySQL, Prisma
โปรเจกต์ส่วนตัวที่พัฒนาต่อเนื่องเพื่อเรียนรู้ Technology Stack ใหม่ ๆ ตั้งแต่ภาษา C จนถึง Next.js โดยมีระบบหลักคือการบันทึกการอ่านหนังสือ (หนังสือที่เคยอ่าน รีวิว จำนวนหน้าที่อ่านต่อวัน) และระบบบันทึกรายจ่ายประจำวัน พร้อมสรุปผลแบบรายสัปดาห์และรายเดือน นอกจากนี้ยังมีโมดูลการจัดการค่าใช้จ่ายร่วม เช่น การหารค่า Subscription รายเดือนกับเพื่อน การบันทึกรายจ่ายประจำ และการบันทึกการให้ยืมเงิน โดยมีแผนต่อยอดเพิ่มฟีเจอร์ด้านการจัดการการเงินและการติดตามพฤติกรรมส่วนตัวอย่างต่อเนื่อง
01
ปัญหา
- ต้องการเครื่องมือบันทึกข้อมูลส่วนตัวที่ปรับแต่งได้ตามรูปแบบการใช้งานของตนเอง ทั้งด้านการอ่านหนังสือและการเงิน
- ต้องการระบบที่ช่วยสรุปและสะท้อนพฤติกรรมผ่านข้อมูล เช่น จำนวนหน้าที่อ่านต่อวัน และภาพรวมรายจ่ายรายสัปดาห์/รายเดือน
- ต้องการใช้โปรเจกต์เดียวเป็นพื้นที่ฝึกฝนและวัดพัฒนาการด้านการพัฒนาซอฟต์แวร์ ด้วยการยกระดับเทคโนโลยีทีละเวอร์ชัน
02
แนวทางแก้ไข
- พัฒนาเป็น 3 เวอร์ชันเพื่อสะท้อนการเรียนรู้และการต่อยอดความสามารถอย่างเป็นลำดับ
- Version 1 (C / CLI): ระบบ Command Line สำหรับบันทึกการอ่านหนังสือเป็นหลัก เพื่อฝึกพื้นฐานโครงสร้างข้อมูลและการจัดการไฟล์/ข้อมูล
- Version 2 (PHP / Early Web): พัฒนาเป็นเว็บยุคแรก ทำให้เริ่มเข้าใจการพัฒนาเว็บไซต์และงานฝั่งเซิร์ฟเวอร์ พร้อมเพิ่มโมดูลบันทึกการอ่านหนังสือและระบบบันทึกรายรับรายจ่าย
- Version 3 (Current / Next.js): Rewrite ด้วย Next.js, Prisma และ MySQL เพื่อเรียนรู้สถาปัตยกรรมเว็บยุคใหม่ การแยกเลเยอร์งาน และการออกแบบระบบให้ขยายต่อได้ (Reading Tracker, Expense Tracker, Subscription Split, Recurring Expenses, Lending/Debt Tracking)
03
ผลลัพธ์
- ได้ระบบที่สามารถใช้งานได้จริงในชีวิตประจำวัน ทั้งการติดตามการอ่านและการจัดการรายจ่ายส่วนตัว
- มีสรุปข้อมูลที่ช่วยให้เห็นภาพรวมและแนวโน้ม เช่น จำนวนหน้าที่อ่านต่อวัน และภาพรวมรายจ่ายรายสัปดาห์/รายเดือน
- โปรเจกต์ทำหน้าที่เป็นพื้นที่สะสมประสบการณ์และสะท้อนการพัฒนา จากระบบแบบ CLI ไปสู่เว็บสมัยใหม่ที่ต่อยอดได้ต่อเนื่อง
Project Gallery
PC - User interface


















Mobile - User interface


























