RedAI
RedAI Dashboard Viewer 2.0

Trang Kiểm Thử & Dữ Liệu Mẫu (Mock Data Showcase)

Hệ thống hiển thị Dashboard Next.js chạy độc lập, đã chuyển đổi 100% sang Tailwind CSS + shadcn/ui + Recharts, đồng bộ token màu thương hiệu RedAI và hỗ trợ cache IndexedDB.

Mock Data Hoàn Chỉnh

Shared Dashboard Mock (Tailwind + Recharts)

Xem trang Dashboard chia sẻ hoàn chỉnh với KPI Cards, biểu đồ Doanh thu (AreaChart, BarChart, PieChart) và Bảng giao dịch.

Mở trang này
Mock Database + APIs

MiniApp Business & Quản Lý Đơn Hàng

Trình giả lập Mini-App TMĐT với Mock Database (Đơn hàng, Sản phẩm), tích hợp SePay Webhook và xem trực tiếp mã JSX.

Mở trang này
Design Tokens & Theme

Theme Studio & Live Showcase

Xem trước bảng màu RedAI Modern, Ocean Finance, đổi chế độ Light/Dark Mode thời gian thực và mô phỏng trên Mobile/Tablet/Desktop.

Mở trang này

Các đường dẫn (URLs) hữu ích khi chạy cục bộ:

  • • /shared/mock-shared-id - Dashboard mẫu chia sẻ (KPIs + Recharts)
  • • /test-miniapp-business - Quản lý đơn hàng TMĐT với mock database
  • • /preview/theme - Xem trước toàn bộ theme tokens & bảng màu
  • • /bases/[baseId]/pages/[pageId] - Iframe nội bộ cho App chính