所有專案
WEB2026LOG.TREND-TRADING
TrendTrading logo

TrendTrading

股票通道監察平台 — 為港股及美股而設的趨勢通道監察與提示

為 TrendTrading 打造的技術分析網上平台——投資者可在港股及美股圖表上親手繪畫或自動擬合趨勢通道,以分隔線劃分買入與賣出區域,並在股價轉換區域時收到提示。另設免費通道體檢、公開通道社群,以及繁體中文/英文雙語介面。

Next.jsVercelTailwind CSSTradingView Lightweight Charts
TrendTrading — HOMEPAGEHOMEPAGE
TrendTrading — DASHBOARDDASHBOARD
TrendTrading — CHANNEL TOOLCHANNEL TOOL
TrendTrading — HEALTH CHECKHEALTH CHECK
TrendTrading — COMMUNITYCOMMUNITY
BLK.01

專案概覽

// 挑戰所在

TrendTrading 的服務對象是有正職的投資者:他們按週線圖上的趨勢通道部署買賣,卻無法整天看盤。產品需要讓任何人在幾秒內定義一條通道、判斷這條通道是否可信,並在用戶關閉分頁後繼續代為監察。

// 解決方案

一個以 Next.js 建置、部署於 Vercel 的網上平台。用戶點擊三下即可畫出通道,或選用經統計擬合的通道,再以分隔線劃分區域,儲存後每日自動監察。儀表板一覽每條通道所處的區域,股價進入買入或賣出區域時,系統會以電郵及 Telegram 發出提示。

// 實際成效

一個已上線的雙語產品(繁體中文及英文):設有任何人都可開始使用的免費計劃、讓用戶瀏覽及關注彼此通道的公開社群,以及 35 個可被搜尋引擎收錄的通道體檢頁面,以清晰數字說明每隻股票的通道狀況。

BLK.02

關鍵數據

0
通道體檢頁面
為熱門港股及美股預先建立
0
圖表時間框架
由月線到 30 分鐘線
0
市場
港股及美股
0
語言
繁體中文及英文
BLK.03

畫一次,交給系統監察

核心流程只有三個畫面:擬合通道、儲存,然後查看每隻股票今天的位置。

trend-trading://通道工具
TrendTrading — 通道工具

通道工具

提供五種時間框架的陰陽燭圖,以 TradingView Lightweight Charts 繪製。點擊三下即可畫出平行通道;「自動畫線」會建議以回歸擬合的通道,每條在套用前均附上品質評分。

trend-trading://儀表板
TrendTrading — 儀表板

儀表板

所有監察中的通道集中於一個列表——現價在上下軌之間的位置、所處區域,以及今日通知、買入區與賣出區的統計。

trend-trading://公開通道
TrendTrading — 公開通道

公開通道

社群頁面讓用戶探索彼此的公開通道、查看每條通道的最新通知,並關注自己感興趣的股票。

trend-trading://主頁
TrendTrading — 主頁

主頁

主頁將股票代號搜尋放在首屏——免費、毋須註冊、即時出結果。

BLK.04

任何股票都可免費體檢

輸入股票代號,即可取得一頁關於其趨勢通道的分析,毋須開設帳戶。熱門股票的頁面已預先建立,讓這個工具可經搜尋引擎被找到。

trend-trading://通道體檢
TrendTrading — 通道體檢

通道體檢

擬合通道疊加在近期陰陽燭之上,附上 0–100 品質評分、擬合度、斜率、通道寬度及穩定度。

trend-trading://風險讀數
TrendTrading — 風險讀數

風險讀數

週線趨勢閘、現價與止蝕位的距離,以及四種窗口長度下的擬合比較——以數字代替意見。

trend-trading://功能介紹
TrendTrading — 功能介紹

功能介紹

六項核心功能及四步使用流程,以投資者而非量化專家的語言撰寫。

BLK.05

手機上同樣易讀

公開頁面在手機上會重新排列成單欄——同樣的數據,適合觸控的尺寸。

TrendTrading — 主頁

主頁

標題、股票代號搜尋及開始按鈕,全部在第一屏之內。

TrendTrading — 功能介紹

功能介紹

功能卡片排列成易讀的單欄。

TrendTrading — 通道體檢

通道體檢

擬合通道及其品質評分,毋須放大即可閱讀。

TrendTrading — 風險讀數

風險讀數

趨勢閘、止蝕距離及窗口比較表,一個手機畫面盡覽。

BLK.06

背後的統計方法

FTR.01

以公式擬合

自動畫出的通道來自 Theil–Sen 穩健回歸,上下軌取殘差的第 5 及第 95 百分位——相同數據永遠得出相同通道。

FTR.02

可信度評分

每條擬合通道均附品質評分,並列出擬合度、軌內陰陽燭比例及穩定度;另以條件數顯示下軌的細微誤差會令注碼改變多少。

FTR.03

區域與提示

分隔線將通道劃分為頂部、中間及底部區域。已儲存的通道每日評估一次,股價轉換區域時以電郵或 Telegram 發出提示。

FTR.04

社群通道

公開通道可供瀏覽及關注,一位投資者的分析可成為其他人的觀察名單。

BLK.07

技術架構

Next.js - React Framework
NEXT.JS應用框架及伺服器渲染
Vercel - Web Hosting Platform
VERCEL託管及邊緣交付
Tailwind CSS - Utility-First CSS Framework
TAILWIND CSS設計系統及樣式
TradingView Lightweight Charts - Financial Charting Library
TRADINGVIEW LIGHTWEIGHT CHARTS互動式金融圖表