Daily Task Log

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

https://daily-task-log.vercel.app # Daily Task Log — Full Version แอปจัดการงานรายวันแบบ Production-ready ด้วย **Next.js App Router**, **TypeScript**, **Tailwind CSS**, **Firebase** (Auth + Firestore) พร้อมฟีเจอร์ Engagement, Growth และ Quality-of-Life ครบชุด **Repository:** https://github.com/ThanasornSir0204/daily-task-log --- ## Tech Stack | ชั้น | เทคโนโลยี | |------|-----------| | Framework | [Next.js 16](https://nextjs.org/) (App Router) | | Language | TypeScript (strict) | | Styling | Tailwind CSS v4 + Dark mode (`dark:`) | | Auth & DB | Firebase Auth, Cloud Firestore (real-time) | | UI | SweetAlert2, Font Awesome, Recharts | | PWA | Web App Manifest + Service Worker (`public/sw.js`) | --- ## Deploy ที่ไหน ### แนะนำ: Frontend บน Vercel + Backend บน Firebase | ส่วน | แพลตฟอร์ม | หมายเหตุ | |------|-----------|----------| | **Next.js App** | [Vercel](https://vercel.com) | เชื่อม GitHub repo → Import โปรเจกต์ → ใส่ Environment Variables จาก `.env.local` | | **Auth + Firestore** | [Firebase Console](https://console.firebase.google.com/) | เปิด Email/Password, สร้าง Firestore | | **Security Rules** | Firebase CLI | `npm run firebase:deploy` | **ขั้นตอน Deploy (Vercel) — โค้ดอยู่บน GitHub แล้ว** 1. เปิด [vercel.com/new](https://vercel.com/new) → Import `ThanasornSir0204/daily-task-log` 2. Framework Preset: **Next.js** (ตรวจจับอัตโนมัติ) 3. **Environment Variables** — คัดลอกจาก `.env.local` ในเครื่อง (ทุกตัว `NEXT_PUBLIC_FIREBASE_*`) 4. กด **Deploy** → ได้ URL เช่น `https://daily-task-log.verc

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