所有项目
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 — 通道工具

通道工具

提供五种时间周期的 K 线图,由 TradingView Lightweight Charts 绘制。点击三下即可画出平行通道;「自动画线」会建议用回归拟合的通道,每条在应用前均附上质量评分。

trend-trading://仪表盘
TrendTrading — 仪表盘

仪表盘

所有监测中的通道集中在一个列表——现价在上下轨之间的位置、所处区域,以及今日通知、买入区与卖出区的统计。

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

公开通道

社区页面让用户探索彼此的公开通道、查看每条通道的最新通知,并关注自己感兴趣的股票。

trend-trading://首页
TrendTrading — 首页

首页

首页将股票代码搜索放在首屏——免费、无需注册、即时出结果。

BLK.04

任何股票都可免费体检

输入股票代码,即可获得一页关于其趋势通道的分析,无需注册账户。热门股票的页面已预先生成,让这个工具可通过搜索引擎被找到。

trend-trading://通道体检
TrendTrading — 通道体检

通道体检

拟合通道叠加在近期 K 线之上,附上 0–100 质量评分、拟合度、斜率、通道宽度及稳定度。

trend-trading://风险读数
TrendTrading — 风险读数

风险读数

周线趋势闸、现价与止损位的距离,以及四种窗口长度下的拟合比较——用数字代替观点。

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

功能介绍

六项核心功能及四步使用流程,用投资者而非量化专家的语言撰写。

BLK.05

手机上同样易读

公开页面在手机上会重新排列成单列——同样的数据,适合触控的尺寸。

TrendTrading — 首页

首页

标题、股票代码搜索及开始按钮,全部在第一屏之内。

TrendTrading — 功能介绍

功能介绍

功能卡片排列成易读的单列。

TrendTrading — 通道体检

通道体检

拟合通道及其质量评分,无需放大即可阅读。

TrendTrading — 风险读数

风险读数

趋势闸、止损距离及窗口比较表,一个手机屏幕尽览。

BLK.06

背后的统计方法

FTR.01

用公式拟合

自动画出的通道来自 Theil–Sen 稳健回归,上下轨取残差的第 5 及第 95 百分位——相同数据永远得出相同通道。

FTR.02

可信度评分

每条拟合通道均附质量评分,并列出拟合度、轨内 K 线比例及稳定度;另用条件数显示下轨的细微误差会让仓位改变多少。

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交互式金融图表