เว็บบันทึกผลงานเชื่อม GitHub แบบเรียลไทม์

พอร์ตโฟลิโอเชื่อม GitHub แบบเรียลไทม์ พร้อม Express Backend สำหรับ Cache, Gemini สรุป Focus Areas และระบบเพลงพื้นหลังผ่าน Lavalink

โปรเจกต์นี้คือระบบบันทึกผลงานส่วนบุคคลที่เชื่อมต่อกับ GitHub API แบบเรียลไทม์ โดยออกแบบระบบ Cache แบบไฟล์บนเซิร์ฟเวอร์พร้อมกลไก Stale-While-Revalidate และแจ้งเตือนการอัปเดตผ่าน Server-Sent Events (SSE) ทำให้ผู้เยี่ยมชมได้รับข้อมูลล่าสุดทันทีโดยไม่ต้องรีเฟรชหน้าเว็บ

ด้านสถาปัตยกรรมใช้ Express.js เป็น Backend จัดการ Cache, ประมวลผลข้อมูลสถิติภาษาและ Tech Stack พร้อมเชื่อมต่อ Gemini API เพื่อสร้างการ์ด Focus Areas อัตโนมัติ ส่วน Frontend พัฒนาด้วย React และ Vite พร้อม Framer Motion สำหรับแอนิเมชัน และระบบ Proxy เพลงผ่าน Lavalink สำหรับเล่นเพลงพื้นหลังแบบ Ambient

การพัฒนาเน้นประสิทธิภาพและการจัดการข้อผิดพลาดอย่างรอบด้าน โดยรองรับการ Fallback ไปยัง Cache เก่าเมื่อ API ล่ม พร้อม Client-side Caching เพื่อลดเวลาโหลดข้อมูล โปรเจกต์นี้สะท้อนความสามารถในการออกแบบระบบ Full-stack ที่ปลอดภัย รวดเร็ว และปรับขยายได้ง่าย