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 整合

形象網站架設

形象網站建立

火鍋店官網&LINE優惠券系統

網站首頁 https://shiang-shiang.com/ 功能介紹 1. 連鎖火鍋店官網 本專案為連鎖火鍋品牌打造品牌形象官網，整合門市資訊、餐點介紹、最新消息與會員導流功能，讓消費者可以快速了解品牌特色、查詢分店資訊，並透過網站延伸至線上點餐或 LINE 會員服務。 網站可依品牌需求呈現火鍋品項、湯底特色、套餐內容、活動優惠與門市據點，適合用於品牌曝光、活動宣傳與顧客導流。 主要功能包含： - 品牌首頁與形象視覺設計 - 最新消息與活動公告 - 火鍋品項、套餐與菜單介紹 - 多門市資訊與聯絡方式 - 線上訂餐或外帶導流 - LINE 會員與優惠券入口 - 手機、平板、桌機響應式瀏覽 2. LIFF 優惠券系統 系統整合 LINE LIFF，讓顧客可直接在 LINE 內開啟優惠券頁面，不需要額外下載 App。會員可透過 LINE 登入後查看可使用優惠券、領取活動券，並於門市消費時出示或核銷。 此功能適合餐飲品牌進行會員經營、活動推廣與回購刺激，例如生日禮、滿額折扣、期間限定優惠、新會員禮或門市專屬活動。 主要功能包含： - LINE LIFF 頁面整合 - LINE 會員登入與身分綁定 - 優惠券領取與查詢 - 優惠券使用狀態管理 - 門市核銷流程 - 活動期間與使用條件設定 - 優惠券到期提醒與活動導流 --- 技術介紹 前後端分離架構 本系統採用前後端分離架構，前端負責官網畫面、互動體驗與 LINE LIFF 介面，後端則提供 API、會員驗證、優惠券邏輯、資料管理與第三方服務串接。 此架構讓官網與 LIFF 系統可以共用同一套後端資料與會員機制，也方便未來擴充線上訂餐、會員分級、點數、活動模組或管理後台。 官網技術重點 連鎖火鍋店官網以響應式設計為基礎，確保在手機、平板與桌機上都有良好的瀏覽體驗。網站內容可模組化管理，方便品牌更新活動消息、菜單內容與門市資訊。 技術重點包含： - 響應式網頁設計 - 品牌形象頁面設計 - 門市與菜單資料 API 串接 - SEO 基礎結構規劃 - 活動公告與內容管理 - LINE 導流入口整合 LIFF 優惠券技術重點 LIFF 優惠券系統透過 LINE Front-end Framework 建立行動端會員體驗，使用者可在 LINE App 內完成登入、領券、查券與出示核銷碼。 後端負責處理會員身分、優惠券規則、領取限制、使用期限、核銷狀態與門市操作紀錄，確保優惠券活動能被正確追蹤與管理。 技術重點包含： - LINE LIFF SDK 整合 - LINE Login 身分驗證 - 會員帳號綁定 - 優惠券資料 API - 優惠券領取與核銷邏輯 - QR Code 或核銷碼機制 - 活動期間與使用條件控管 - 後台優惠券管理與使用紀錄查詢