CalDay

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

https://cal-day.vercel.app # CalDay 🥗 (AI-Powered Nutrition & Calorie Tracker) CalDay คือเว็บแอปพลิเคชันสำหรับการติดตามโภชนาการและการนับแคลอรีในแต่ละวัน ขับเคลื่อนด้วย AI (Google Gemini) ที่ช่วยให้การบันทึกมื้ออาหารเป็นเรื่องง่าย พร้อมระบบจัดการโปรไฟล์ผู้ใช้ คำนวณ BMR/TDEE อัตโนมัติ และระบบ Subscription โปรเจคนี้ถูกพัฒนาขึ้นด้วย **Next.js 16 (App Router)** และ **React 19** โดยเน้นโครงสร้างแบบ Full-Stack ที่มีประสิทธิภาพ รองรับฐานข้อมูล PostgreSQL และ Redis สำหรับการจัดการแคช/ระบบ Real-time เหมาะสำหรับใช้เป็นกรณีศึกษาหรือพอร์ตโฟลิโอสำหรับการพัฒนาเว็บแอปพลิเคชันสมัยใหม่ ## 🌟 ฟีเจอร์หลัก (Key Features) - **User Authentication:** ระบบล็อกอินที่ปลอดภัยด้วย NextAuth.js รองรับ OAuth (Google, GitHub) และ Credentials - **Smart Profile & BMR/TDEE:** ระบบคำนวณเป้าหมายแคลอรีและโปรตีนต่อวันอัตโนมัติ ตามข้อมูลสุขภาพ เป้าหมาย และระดับการทำกิจกรรม (Exercise Level) - **Meal & Food Tracking:** บันทึกอาหารแบ่งตามมื้อ (เช้า, กลางวัน, เย็น, ว่าง) พร้อมรายละเอียดแคลอรีและโปรตีน - **Daily Summaries:** สรุปผลการกินอาหารรายวัน เปรียบเทียบกับเป้าหมายที่ตั้งไว้ - **AI Integration:** ใช้ Google Generative AI (Gemini) เพื่อช่วยประมวลผลข้อมูล - **Pro Subscriptions:** ระบบสมัครสมาชิกแบบพรีเมียมเพื่อเข้าถึงฟีเจอร์ขั้นสูง จัดการการชำระเงินและบิลลิ่งด้วย Stripe - **Real-time Monitoring:** มีระบบ Heartbeat Mechanism เพื่อตรวจสอบสถานะออนไลน์ของผู้ใช้แบบ Real-time ด้วย Redis (Pub/Sub) ## 💻 Tech Stack (เทคโนโลยีที่ใช้) **Frontend:** - [Next.js 16](https://nextjs.org/) (App Router) - [React 19](https://react.dev/) - [Tailwind CSS v

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