Dev

.env.development

@@ -0,0 +1,7 @@
+PORT=3001
+VITE_HTTP_ROOT=https://demoApi.rushprofit.uk
+VITE_PAYMENT_ROOT=http://localhost:5000
+VITE_HUBS_URL=/hubs/
+VITE_VERSION=Shuu-11-12
+
+# VITE_HTTP_ROOT=https://demoApi.rushprofit.uk

.env.production

@@ -0,0 +1,5 @@
+VITE_PUBLIC_API_URL=https://api.rushprofit.uk
+VITE_HTTP_ROOT=https://demoApi.rushprofit.uk
+VITE_PAYMENT_ROOT=http://localhost:5000
+VITE_HUBS_URL=/hubs/
+VITE_VERSION=Shuu-11-12

.eslintrc.cjs

@@ -21,7 +21,7 @@ module.exports = {
     'react/function-component-definition': [
       2,
       {
-        namedComponents: ['function-expression' | 'arrow-function'],
+        namedComponents: ['function-expression', 'arrow-function'],
         unnamedComponents: ['function-expression'],
       },
     ],
@@ -35,6 +35,7 @@ module.exports = {
     ],
     'no-empty-pattern': ['off'],
   },
+  include: ['tailwind.config.js'] ,
 
   settings: {
     'import/parsers': {

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

ecosystem.config.cjs

@@ -0,0 +1,29 @@
+/** Paste the run script
+ * pm2 start ecosystem.config.cjs --only PtClientDev-3001 --attach
+ * pm2 start ecosystem.config.cjs --only PtClientProd-3002 --attach
+ */
+
+const path = require('path');
+const vitePath = path.normalize('./node_modules/vite/bin/vite.js');
+// const interpreterPath = path.normalize('/home/dls/.nvm/versions/node/v18.20.2/bin/node'); // -- ubuntu
+const interpreterPath = path.normalize('C:\\Program Files\\nodejs\\node.exe'); // -- windows
+
+module.exports = {
+  apps: [
+    {
+      name: 'PtClientDev-3001',
+      script: vitePath,
+      interpreter: interpreterPath,
+      args: '--host',
+    },
+    {
+      name: 'PtClientProd-3002',
+      script: 'serve',
+      env: {
+        PM2_SERVE_PATH: './dist/',
+        PM2_SERVE_PORT: 3002,
+        PM2_SERVE_SPA: 'true',
+      },
+    },
+  ],
+};

package.json

@@ -12,33 +12,49 @@
   "dependencies": {
     "@ant-design/charts": "^2.1.0",
     "@ant-design/icons": "^5.3.6",
-    "@ant-design/pro-components": "^2.7.1",
+    "@ant-design/pro-components": "^2.7.19",
+    "@ant-design/pro-form": "^2.30.2",
     "@ant-design/pro-layout": "^7.19.0",
     "@faker-js/faker": "^8.4.1",
-    "@microsoft/signalr": "^8.0.0",
+    "@microsoft/signalr": "^8.0.7",
+    "@reduxjs/toolkit": "^2.2.7",
     "@tanstack/react-query": "^5.32.0",
     "@tanstack/react-query-devtools": "^5.32.0",
     "antd": "^5.16.5",
     "axios": "^1.6.8",
+    "chart.js": "^4.4.6",
     "dayjs": "^1.11.11",
+    "formik": "^2.4.6",
+    "i18next": "^23.11.5",
     "localforage": "^1.10.0",
     "numbro": "^2.5.0",
     "react": "^18.2.0",
+    "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
     "react-fast-marquee": "^1.6.4",
+    "react-i18next": "^14.1.2",
     "react-icons": "^5.1.0",
     "react-native-svg": "^15.2.0",
+    "react-redux": "^9.1.2",
+    "react-responsive": "^10.0.0",
     "react-router-dom": "^6.23.0",
     "react-to-print": "^2.15.1",
+    "tesseract.js": "^5.1.1",
+    "vega": "^5.30.0",
+    "vega-embed": "^6.28.0",
+    "vega-lite": "^5.21.0",
+    "yup": "^1.4.0",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
+    "@types/lodash": "^4.17.13",
     "@types/node": "^20.12.7",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@typescript-eslint/eslint-plugin": "7.0.0",
     "@typescript-eslint/parser": "7.2.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
+    "autoprefixer": "^10.4.19",
     "eslint": "8.56.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",
@@ -50,9 +66,11 @@
     "eslint-plugin-react": "7.34.1",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
+    "postcss": "^8.4.38",
     "prettier": "3.1.0",
     "prettier-eslint": "16.1.2",
     "sass": "^1.75.0",
+    "tailwindcss": "^3.4.3",
     "typescript": "^5.2.2",
     "vite": "^5.2.0"
   }

postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/I18n/I18n.ts

@@ -0,0 +1,35 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import en from './en/en';
+import ch from './ch/ch';
+import vi from './vi/vi';
+
+const resources = {
+  ch: {
+    translation: ch,
+    language:'繁體中文',
+    family:'chinese'
+  },
+  en: {
+    translation: en,
+    language:'English',
+    family:'English'
+  },
+  vi: {
+    translation: vi,
+    language:'Tiếng Việt',
+    family:'Tiếng Việt'
+  },
+};
+
+
+i18n.use(initReactI18next).init({
+  resources,
+  lng: 'ch',
+  fallbackLng: 'ch',
+  interpolation: {
+    escapeValue: false,
+  },
+});
+
+export default { i18n, resources };

src/I18n/TranslationTypes/TranslationTypes.ts

@@ -0,0 +1,19 @@
+import { auth } from './components/auth';
+import { layout } from './components/layout';
+import { nav } from './components/nav';
+import { account } from './components/account';
+import { assets } from './components/assets';
+import { report } from './components/report';
+import { serve } from './components/serve';
+
+export type Translation = {
+  register: string;
+  welcome: string;
+  auth: auth;
+  layout: layout;
+  account: account;
+  nav: nav;
+  assets: assets;
+  report: report;
+  serve: serve;
+};

src/I18n/TranslationTypes/components/account.ts

@@ -0,0 +1,15 @@
+export type account = {
+    帳戶管理: string,
+    我的帳戶: string,
+    新增帳戶: string,
+    取消: string,
+    選擇交易平台: string,
+    選擇帳戶類型: string,
+    真實帳戶: string,
+    虛擬帳戶: string,
+    設定帳戶密碼: string,
+    輸入: string,
+    確認: string,
+    前往: string,
+    PasswordInvestor: string,
+};

src/I18n/TranslationTypes/components/assets.ts

@@ -0,0 +1,60 @@
+export type assets = {
+    資產管理: string,
+    入金: string,
+    出金: string,
+    轉帳: string,
+    資產報表: string,
+    通過實名驗證: string,
+    通過: string,
+    未通過: string,
+    開始驗證: string,
+    驗證碼審核中: string,
+    下載: string,
+    搜尋: string,
+    存入資金: string,
+    入金方式: string,
+    入金帳戶: string,
+    我要存入: string,
+    帳戶可用資金: string,
+    手續費: string,
+    需支付: string,
+    清除: string,
+    提交: string,
+    超過限額: string,
+    提取為: string,
+    提取至: string,
+    出金匯率: string,
+    帶入通過KYC的銀行帳戶: string,
+    從: string,
+    處理中: string,
+    請支付: string,
+    剩餘: string,
+    流水號: string,
+    建立時間: string,
+    點擊已完成付款後: string,
+    資產紀錄: string,
+    全部: string,
+    進行中: string,
+    贈金: string,
+    完成: string,
+    開始日期: string,
+    結束日期: string,
+    請於時限內: string,
+    注意事項: string,
+    剩餘支付時間: string,
+    收款地址: string,
+    我已經完成付款: string,
+    沒有加密貨幣錢包嗎: string,
+    選擇下列平台: string,
+    CNY轉帳支付: string,
+    立即下載: string,
+    填寫銀行資料: string,
+    交易平台: string,
+    其他平台: string,
+    總覽: string,
+    優惠活動: string,
+    交易社區: string,
+    熱門投資: string
+};
+
+export default assets;

src/I18n/TranslationTypes/components/auth.ts

@@ -0,0 +1,14 @@
+export type auth = {
+  loginTitle: String;
+  SuggestCreateAcc: String;
+  forgotPasswordAtLogin: String;
+  passwordAtLogin: String;
+  loginButton: String;
+  emailAtLogin: String;
+  rememberAtLogin: String;
+  noAccountYetAtLogin: String;
+  noEmailYet: String;
+  resend: String;
+  logOutAtHeader: String;
+};
+

src/I18n/TranslationTypes/components/layout.ts

@@ -0,0 +1,25 @@
+export type layout = {
+    使用條款: string,
+    免責聲明: string,
+    請閱讀並同意: string,
+    客戶協議書: string,
+    風險披露聲明: string,
+    保密協議: string,
+    聯絡客服: string,
+    新會員尚未實名驗證: string,
+    實名驗證審核中: string,
+    已通過實名驗證: string,
+    通過實名驗證開始投資: string,
+    幫助中心: string,
+    如何入金: string,
+    如何出金: string,
+    如何開立帳戶: string,
+    如何驗證帳戶: string,
+    關於我們: string,
+    簡介: string,
+    最新公告: string,
+    隱私和法規: string,
+    通知入金成功: string,
+    通知出金成功: string,
+  };
+

src/I18n/TranslationTypes/components/nav.ts

@@ -0,0 +1,9 @@
+export type nav ={
+    填寫銀行資料: string,
+    交易平台: string,
+    其他平台: string,
+    總覽: string,
+    優惠活動: string,
+    交易社區: string,
+    熱門投資: string,
+};

src/I18n/TranslationTypes/components/report.ts

@@ -0,0 +1,28 @@
+export type report = {
+  報表查詢: string;
+  帳戶報表: string;
+  資產報表: string;
+  我的總價值: string;
+  寶泰帳戶: string;
+  MT4帳戶: string;
+  MT5帳戶: string;
+  貨幣: string;
+  指數: string;
+  股票: string;
+  大宗商品: string;
+  加密貨幣: string;
+  平倉: string;
+  持倉: string;
+  掛單: string;
+  開立倉位: string;
+  單位: string;
+  開倉: string;
+  止損: string;
+  止盈: string;
+  傭金: string;
+  稅收: string;
+  過夜利息: string;
+  盈虧: string;
+  損益: string;
+  浮動損益: string;
+};

src/I18n/TranslationTypes/components/serve.ts

@@ -0,0 +1,17 @@
+export type serve = {
+  客戶服務: string;
+  投資市場: string;
+  我的關注: string;
+  新聞: string;
+  工具: string;
+  每日波動: string;
+  漲跌幅: string;
+  一天: string;
+  賣出: string;
+  買入: string;
+  五十二周區間: string;
+  情緒: string;
+  交易: string;
+  關注: string;
+  前往交易: string;
+};

src/I18n/ch/ch.ts

@@ -0,0 +1,22 @@
+import { Translation } from '../TranslationTypes/TranslationTypes';
+import auth from './components/auth';
+import layout from './components/layout';
+import nav from './components/nav';
+import account from './components/account';
+import assets from './components/assets';
+import report from './components/report';
+import serve from './components/serve';
+
+const ch: Translation = {
+  register: '註冊',
+  welcome: '哩後',
+  auth: auth,
+  layout: layout,
+  nav:nav,
+  account: account,
+  assets:assets,
+  report: report,
+  serve: serve,
+};
+
+export default ch;