全端系統開發

Saas LINE 點餐系統

運營中網站 https://eatsy.cc/ 📝 專案簡介 (Project Overview) 本專案為一個全端的現代化 Web 應用服務平台。提供不特定店家加入點餐系統並串接到自己的Line官方帳號。系統分為三個主要部分：面向消費者的前台 Web 應用、提供營運團隊管理的後台儀表板 (Admin Dashboard)，以及負責核心業務邏輯的後端 API 與背景排程服務。專案深度整合了 LINE 生態圈與第三方支付，提供無縫的用戶體驗。 🚀 系統亮點與核心功能 (Core Features) LINE 生態圈整合 (LINE LIFF)：前台深度整合 LINE Frontend Framework (LIFF)，可作為 LINE Mini-app 運行或使用 LINE 登入，大幅降低用戶註冊與使用門檻。 第三方金流串接：完成 ezPay (簡單付) 支付 API 串接，支援線上金流與交易處理。 現代化響應式前台：以伺服器渲染 (SSR) 與靜態生成技術打造，兼顧 SEO 與極致的載入效能；並帶有流暢的微動畫與過場效果。 企業級後台管理系統：提供豐富的數據圖表 (Charts)、報表匯出、內容管理 (Rich Text Editor) 與多語系 (i18n) 支援，協助營運團隊高效管理平台。 穩健的後端架構：採用分層架構 (N-Tier/Clean Architecture) 設計的 .NET 系統，具備獨立的排程任務 (Jobs) 處理能力，並已全面容器化 (Docker) 準備好進行 CI/CD 部署。 🛠 技術堆疊 (Tech Stack) 前台 Web (DinBeiWeb / Eatsy) 核心框架：Next.js 16 (App Router), React 19 樣式與動畫：Tailwind CSS, Framer Motion, Radix UI 狀態管理：Zustand 第三方整合：LINE LIFF SDK (@line/liff) 部署與基礎設施：Cloudflare Pages (@cloudflare/next-on-pages) 後台管理端 (DinBeiFrontend) 核心框架：Vue 3, Vite 狀態管理：Pinia 資料視覺化：ApexCharts, Chart.js 進階套件：Tiptap (所見即所得編輯器), FullCalendar, i18n 多語系 後端 API 與微服務 (DinBeiAdmin Backend) 核心框架：.NET (C#) 架構設計：領域驅動設計 (DDD) / 分層架構 (Core, Application, Web.Entry) 背景任務：專屬的 Jobs 專案負責非同步排程與背景處理 資料庫管理：SQL (內含 .sql 結構檔) 與 Entity Framework 等技術 金流服務：ezPay 電子錢包 API 整合