ALL PROJECTS
WEB2026LOG.TREND-TRADING
TrendTrading logo

TrendTrading

STOCK CHANNEL MONITOR — Trend-channel monitoring and alerts for Hong Kong and US stocks

A technical-analysis web platform built for TrendTrading — investors draw or auto-fit trend channels on Hong Kong and US stocks, split them into buy and sell zones, and get alerted when the price moves between them. A free channel health check, a public channel community, and a bilingual Traditional Chinese / English interface round it out.

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

Project Overview

// THE CHALLENGE

TrendTrading set out to serve investors with day jobs: people who plan trades around trend channels on weekly charts but can't watch the market all day. They needed a product that lets anyone define a channel in seconds, judges how trustworthy that channel is, and keeps watching it after the user has closed the tab.

// THE SOLUTION

A web platform built on Next.js and deployed on Vercel. Users draw a channel with three clicks or pick a statistically fitted one, split it into zones with dividers, and save it for daily monitoring. A dashboard tracks every channel's zone at a glance, and e-mail and Telegram alerts fire when the price moves into a buy or sell zone.

// THE IMPACT

A live, bilingual product (Traditional Chinese and English) with a free plan anyone can start on, a public community where users browse and follow each other's channels, and 35 search-indexable health-check pages that explain a ticker's channel in plain numbers.

BLK.02

By The Numbers

0
Health-Check Pages
Pre-built for popular HK & US tickers
0
Chart Timeframes
Monthly down to 30-minute
0
Markets
Hong Kong & US stocks
0
Languages
Traditional Chinese & English
BLK.03

Draw It Once, Let the System Watch

The core loop is three screens: fit a channel, save it, and see where every stock sits today. Screens are shown in Traditional Chinese, the language of the product's home market.

trend-trading://channel tool
TrendTrading — CHANNEL TOOL

CHANNEL TOOL

Candlestick charts on five timeframes, rendered with TradingView Lightweight Charts. Three clicks draw a parallel channel; Auto draw proposes regression-fitted ones, each scored for quality before you apply it.

trend-trading://dashboard
TrendTrading — DASHBOARD

DASHBOARD

Every monitored channel in one list — the current price between its rails, the zone it sits in, and counters for today's alerts, buy zones, and sell zones.

trend-trading://public channels
TrendTrading — PUBLIC CHANNELS

PUBLIC CHANNELS

A community page where users explore each other's public channels, see the latest alert on each, and follow the stocks they care about.

trend-trading://homepage
TrendTrading — HOMEPAGE

HOMEPAGE

A landing page that puts a ticker search above the fold — free, no sign-up, instant result.

BLK.04

A Free Health Check for Any Ticker

Type a ticker and get a one-page read on its trend channel — no account needed. Pages for popular tickers are pre-built, so the tool can be found from search.

trend-trading://channel health check
TrendTrading — CHANNEL HEALTH CHECK

CHANNEL HEALTH CHECK

The fitted channel drawn over recent candles, with a 0–100 quality score, goodness of fit, slope, channel width, and stability.

trend-trading://risk readout
TrendTrading — RISK READOUT

RISK READOUT

A weekly trend gate, the distance to the stop level, and how the fit changes across four window lengths — numbers instead of opinions.

trend-trading://features
TrendTrading — FEATURES

FEATURES

Six core features and a four-step how-it-works, written for investors rather than quants.

BLK.05

Readable on a Phone

The public pages reflow to a single column on an iPhone — the same numbers, sized for touch.

TrendTrading — HOMEPAGE

HOMEPAGE

Headline, ticker search, and the start button within the first screen.

TrendTrading — FEATURES

FEATURES

Feature cards stack into a readable single column.

TrendTrading — HEALTH CHECK

HEALTH CHECK

The fitted channel and its quality score, readable without zooming.

TrendTrading — RISK READOUT

RISK READOUT

Trend gate, stop distance, and the window comparison table on one phone screen.

BLK.06

Statistics Under the Hood

FTR.01

FITTED BY FORMULA

Auto-drawn channels come from Theil–Sen robust regression, with the rails set at the 5th and 95th percentiles of the residuals — the same data always gives the same channel.

FTR.02

A SCORE FOR TRUST

Every fitted channel carries a quality score alongside its goodness of fit, the share of candles inside the rails, and a stability figure. A condition number shows how far a small error in the lower rail would move position size.

FTR.03

ZONES AND ALERTS

Dividers split a channel into top, middle, and bottom zones. Saved channels are evaluated daily, and an alert goes out by e-mail or Telegram when the price changes zone.

FTR.04

COMMUNITY CHANNELS

Public channels can be browsed and followed, so one investor's analysis becomes a watchlist for others.

BLK.07

Technology Stack

Next.js - React Framework
NEXT.JSApp framework & server rendering
Vercel - Web Hosting Platform
VERCELHosting & edge delivery
Tailwind CSS - Utility-First CSS Framework
TAILWIND CSSDesign system & styling
TradingView Lightweight Charts - Financial Charting Library
TRADINGVIEW LIGHTWEIGHT CHARTSInteractive financial charting