ระบบบริหารสวนทุเรียน

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

https://agritech-eight-gilt.vercel.app # ระบบบริหารสวนทุเรียน — Durian Farm Management System Mobile-first app for Thai durian farm workers and managers. Workers scan a QR code on a tree and fill out task forms (watering, fertiliser, pest inspection, bloom logging, harvest). Managers see a dashboard with alerts, worker reliability metrics, and tree health. --- ## Tech stack | Layer | Choice | |---|---| | Framework | Next.js 15 (App Router) + React 19 + TypeScript | | Styling | Tailwind CSS v4 | | Database + Auth | Supabase (Postgres + RLS + Auth) | | Photo storage | Supabase Storage (bucket `task-photos`) | | QR scanning | `html5-qrcode` | | Toasts | `sonner` | | Validation | `zod` | --- ## 1. Set up Supabase 1. Sign in at [supabase.com](https://supabase.com) → **New Project** (region: Singapore for Thailand latency). 2. Copy `.env.example` → `.env.local` and fill in the values: - **Project Settings → API** → Project URL → `NEXT_PUBLIC_SUPABASE_URL` - **Project Settings → API** → anon key → `NEXT_PUBLIC_SUPABASE_ANON_KEY` - **Project Settings → API** → service_role key → `SUPABASE_SERVICE_ROLE_KEY` - **Project Settings → Database → Connection string → URI → Direct connection** → `DATABASE_URL` 3. **Storage → New bucket**: name `task-photos`, Public ON. 4. **Authentication → Email → Confirm email** → turn **OFF** (workers don't have email access). --- ## 2. Run locally ```bash npm install npm run db:migrate # creates all tables, types, RLS policies, seeds task definitions npm run db:seed:

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