A single dashboard to make day trading simpler.
TradingDay is a free, open-source web app that puts real-time charts, technical indicators, market data, and news in one place—so everyday traders can focus on decisions instead of juggling tabs and tools.
Day traders usually bounce between broker charts, news sites, screeners, and note-taking apps. TradingDay tries to simplify that:
- One screen – Search any ticker and get a live candlestick chart, key stats, and related news without leaving the page.
- Technical analysis built in – Toggle common indicators (SMA 20/50, RSI, MACD, volume, support/resistance) and switch timeframes (1m, 15m, 1H) to match how you trade.
- Pattern awareness – The app scans candlestick data for many classic patterns (e.g. doji, engulfing, hammers) and surfaces short, plain-English “what might happen next” style notes to support your own analysis.
- Market context – A market overview and watchlist-style view help you see broader context and track symbols you care about.
- No sign-up – Run it locally or deploy it yourself; no account or subscription required.
The goal isn’t to replace your broker or give financial advice—it’s to make the day-to-day workflow of checking charts, levels, and news easier so you can spend more time on strategy and execution.
| Feature | Description |
|---|---|
| Candlestick charts | Interactive charts with 1m, 15m, 1H timeframes and zoom presets (1D, 3D, 1W, All). |
| Indicators | SMA 20, SMA 50, volume, RSI, support/resistance levels, MACD—all toggleable. |
| Pattern detection | Automatic detection of many candlestick patterns with brief, readable predictions. |
| Search | Look up stocks and crypto by symbol; instant quote and chart load. |
| Market overview | Snapshot of market indices and movers. |
| News | Ticker-related news and a scrolling news ticker for quick context. |
| Watchlist-style view | Keep an eye on multiple symbols from one place. |
- Next.js 14 (App Router)
- React 18 + TypeScript
- Tailwind CSS + Framer Motion
- Lightweight Charts for candlestick/indicator rendering
- Yahoo Finance (via
yahoo-finance2) for quotes, OHLC, and news - Zustand for client state
- Node.js 18+
- npm or yarn
git clone https://github.com/YOUR_USERNAME/TradingDay.git
cd TradingDay
npm install
npm run devOpen http://localhost:3000. Use the search to enter a ticker (e.g. AAPL, TSLA, BTC-USD) and explore the chart, indicators, and news.
If you add your own data sources later, use .env.local for API keys. The app works with the default Yahoo Finance–based setup without any env vars.
TradingDay/
├── app/ # Next.js App Router (page, layout, API routes)
├── components/ # React UI (CandlestickChart, NewsFeed, Watchlist, etc.)
├── lib/ # API helpers, indicators, pattern scanner
├── store/ # Zustand store (ticker, chart state, indicators)
└── workers/ # Optional background workers
TradingDay is for educational and informational use only. It is not financial, investment, or trading advice. Always do your own research and consider consulting a qualified professional before making trading decisions.
-
Create a new repo on github.com/new:
- Repository name:
TradingDay(or any name you prefer) - Description: e.g. A single dashboard to make day trading simpler—charts, indicators, news, and pattern detection in one place.
- Choose Public
- Do not initialize with a README, .gitignore, or license (this project already has them)
- Repository name:
-
Push from your machine (replace
YOUR_USERNAMEwith your GitHub username):cd /path/to/TradingDay git remote add origin https://github.com/YOUR_USERNAME/TradingDay.git git branch -M main git push -u origin main -
Pin the repo on your profile: On GitHub, go to your profile page → Customize your pins → click Add and select TradingDay.
MIT — use and modify as you like. If you find it useful, a star on GitHub is appreciated.