SYNTHETIC MARKETING DATA PLATFORM

Marketing Analytics AI Demo

用合成資料展示 Ragic-like ERP、GA4-like event、BQ-like mart 的備份清洗、圖表看板與受限制 AI 行銷分析流程。

開啟 Demo 查看畫面
HTML / CSS / JavaScript Node.js Gateway PostgreSQL local-only RagicEDP chart style Reserved AI provider
AI 分析專家頁面
Marketing Analytics 圖表看板
備份與清洗摘要頁面
5 synthetic mart rows
15 mock source rows
5 獨立前端頁面
0 real client records
reserved 正式 AI API 狀態

FOUR CORE JOBS

作品主軸

這個作品不是單張行銷報表，而是展示從 mock connector、清洗、mart modeling、RagicEDP 風格圖表到 AI 分析守門的完整 demo 流程。

01

ERP / GA4 / BQ 合成資料看板

以 Ragic-like orders、GA4-like events、BQ-like mart 做展示資料，不保留客戶欄位、URL、憑證或真實商業數字。

02

RagicEDP 風格圖表搬移

圖表類型、分組 tabs、卡片節奏與配色保留原 dashboard 的設計語彙，數據與欄位改成 synthetic-safe catalog。

03

備份與清洗流程展示

Mock import run 顯示 raw rows、staging rows、mart rows、異常列與來源摘要，讓資料治理流程可被檢查。

04

受限制 AI 分析

AI 頁只提供任務白名單、safe context 與後端守門；正式 AI API 先預留，目前展示 deterministic demo insight。

PRODUCT SCREENS

實際畫面

展示頁保留主要可檢視流程：Analytics、AI Analysis、Data Ops 與手機版 Dashboard。正式 demo 仍可切換本機 gateway 或 synthetic snapshot。

Analytics 圖表看板畫面

Analytics 圖表看板

保留 RagicEDP 的圖表分組、卡片、圖表類型與多色系視覺；搜尋列只留在 Analytics 頁面。

AI 分析專家畫面

AI 分析專家

任務白名單、no free prompt、safe context、後端守門與正式 AI API 先預留狀態可直接展示。

備份與清洗摘要畫面

備份與清洗摘要

把 Ragic 類訂單、GA4 類事件、BigQuery 類匯出備份與清洗結果整理成可檢查的操作頁。

手機版 Analytics 畫面

手機版 Dashboard

靜態前端可部署到 Vercel，仍維持左側導覽在桌機、手機改為直向掃讀的操作節奏。

DATA TO DASHBOARD

資料流程

Vercel 只放前端。後端、PostgreSQL、排程與 AI provider 都留在本機，公開時只透過 API Gateway 對外。

  1. 1

    Mock connectors

    準備 Ragic-like、GA4-like、BQ-like synthetic source rows。

  2. 2

    清洗與 staging

    檢查 missing、duplicate、anomaly，保留清洗摘要。

  3. 3

    Mart modeling

    展示 fact 與 dimensions 的星狀模型，不建立真實客戶 schema。

  4. 4

    Dashboard

    Analytics、Data Model、AI、Data Ops、Funnel 都是獨立頁面。

  5. 5

    Gateway / local backend

    前端只呼叫 Gateway；DB、secrets、正式 AI provider 不進 Vercel。

SYNTHETIC DATA BOUNDARY

資料邊界

作品目標是展示資料產品能力，不搬入既有客戶專案原始碼，也不公開任何真實營運數據。

只用 synthetic data

品牌、商品、來源、訂單、金額、流量、轉換率都使用假資料與 synthetic-safe alias。

不公開本機 DB

PostgreSQL 只留在本地端；ngrok 或公開 gateway 只暴露 API Gateway，不暴露資料庫。

正式 AI API 先預留

`/ai/analyze` 目前回傳可展示的 deterministic demo insight，正式 provider 之後只由後端代理。

BUILD SCOPE

技術與角色

作品集保存展示入口、靜態頁與截圖；可執行後端仍維持在 Marketing Analytics AI Demo 專案本機端。

Frontend

HTML、CSS、JavaScript 靜態頁，可部署到 Vercel。

Gateway

Node.js Gateway 作為前端唯一公開 API 入口。

API / DB

Node.js API 與 PostgreSQL 留本機；API 可 fallback synthetic snapshot。

AI

受限制任務、safe summary、backend guardrails；正式 AI API 尚未接上。

OPEN DEMO

查看目前 Demo

Demo 頁可檢視五個獨立頁面與 synthetic snapshot；本機 gateway 啟動時可讀 live API，Vercel 端不保存後端 secrets。

開啟 Demo