My App (Expense & Reading Tracker)
เว็บบันทึกรายจ่าย ติดตามการอ่าน และตัวช่วยจัดการการเงินส่วนตัว
บทบาท
Full Stack Developer
ระยะเวลา
2024
ทีม
Solo Project
Tech Stack
Next.js, MySQL, Prisma, Legacy: PHP/C
โปรเจกต์ส่วนตัวที่พัฒนาต่อเนื่องเพื่อเรียนรู้ 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
หน้าหลักของระบบแสดงข้อมูลสรุปและปุ่มลัด
หน้าระบบบันทึกรายจ่าย
หน้าแสดงข้อมูลสรุปรายจ่ายรายสัปดาห์
หน้าแสดงข้อมูลสรุปรายจ่ายรายสัปดาห์ (ต่อ)
หน้าแสดงข้อมูลสรุปรายจ่ายรายเดือน
แดชบอร์ดสรุปการอ่านหนังสือ
หน้าเพิ่มรายการหนังสือ การอ่านหนังสือ
หน้าบันทึกการอ่านหนังสือรายวัน
หน้าสรุปการอ่านหนังสือรายสัปดาห์
หน้ารายการหนังสือในระบบ
หน้ารายละเอียดหนังสือ
หน้ารายละเอียดการอ่านหนังสือประจำวัน
หน้าให้คะแนนและเขียนรีวิว/โน๊ต หนังสือ
ระบบติดตามการหารค่าบริการรายเดือน
หน้าการสมัครสมาชิกบริการต่างๆ
หน้ารายละเอียดบริการที่สมัคร
หน้ารายละเอียดบริการที่สมัคร (ต่อ)
หน้ารายละเอียดบริการที่สมัคร (ต่อ)
หน้าบันทึกการให้ยืมเงิน