Flowstack

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

https://flowstack-green.vercel.app # Flowstack — Project Management & Business SaaS ระบบจัดการโปรเจกต์และธุรกิจครบวงจรสำหรับองค์กรไทย **Stack:** PHP 8 + MariaDB (XAMPP) · React 18 + TypeScript + Vite · TanStack Query · shadcn-ui · Tailwind CSS --- ## Quick Start ```bash pnpm dev # dev server → http://localhost:8080 pnpm build # production build → dist/ pnpm lint # ESLint pnpm test # Vitest ``` **Backend:** XAMPP → `http://localhost/flowstack/api/` **DB:** MariaDB — source of truth: `database/schema.sql` --- ## Architecture ``` ┌─────────────────────────────────────────────────┐ │ Frontend (React 18 + TS + Vite) │ │ HashRouter · AppSidebar · TopNav · ChatWidget │ │ 30+ Pages · shadcn-ui · TanStack Query │ │ apiFetch() → Authorization: Bearer <JWT> │ ├─────────────────────────────────────────────────┤ │ Backend (PHP 8) │ │ api/*.php — REST-style, 80+ endpoints │ │ requireAuth() → JWT verify → tenant_id │ │ getDB() → PDO → MariaDB │ │ jsonResponse() / jsonError() │ ├─────────────────────────────────────────────────┤ │ MariaDB — 76 tables, UUID PKs │ │ Multi-tenant: tenant_id ทุก entity table │ └─────────────────────────────────────────────────┘ ``` ### Routing ใช้ **HashRouter** เพื่อ compatibility กับ subdirectory `/flowstack` Route guards: `PermissionRoute` (login + menuKey) · `ProtectedRoute` (login only) · `AuthRoute` (redirect

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