TaskFlow

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

https://taskflow-ten-alpha.vercel.app # TaskFlow — ระบบจัดการงานองค์กร แอปพลิเคชันเว็บสำหรับจัดการ task ในองค์กร แยกตามทีม / โปรเจกต์ / ผู้รับผิดชอบ พร้อมระบบสิทธิ์, real-time sync, และ export รายงาน --- ## 🚀 Deployment - **Frontend:** [Vercel](https://vercel.com/) — Next.js 14 (App Router) deploy อัตโนมัติจาก GitHub - **Backend / Database:** [Supabase](https://supabase.com/) — Postgres + Auth + Realtime + Row Level Security - **Domain auth:** ใช้ synthetic email pattern `<username>@taskflow.app` กับ Supabase Auth --- ## 🛠️ Tech Stack | Layer | Tools | |---|---| | **Framework** | Next.js 14 (App Router, Server Actions, TypeScript) | | **Styling** | Tailwind CSS — theme น้ำเงิน/ขาว/ดำ | | **Database** | Supabase Postgres + Row Level Security (RLS) | | **Auth** | Supabase Auth (email+password ผ่าน synthetic email) | | **Realtime** | Supabase Realtime (`postgres_changes` channels) | | **Client state** | `@tanstack/react-query` | | **Drag & drop** | `@dnd-kit/core` (drag task ข้าม column เพื่อเปลี่ยน status) | | **CSV export** | `papaparse` (server route handlers + UTF-8 BOM) | | **Form / validation** | `react-hook-form` + `zod` | --- ## 🏗️ โครงสร้าง / Flow หลัก ### Auth Flow ``` User กรอก username + password ↓ แปลงเป็น <username>@taskflow.app ↓ Supabase Auth (admin.createUser ฝั่ง register, signInWithPassword ฝั่ง login) ↓ trigger handle_new_user สร้าง row ใน public.profiles (role='worker') ↓ Middleware redirect ถ้ายังไม่ login ``` ### Permission Model (2 ชั้น) ``` Global role: root

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