Portfolio Tracker — Trading Dashboard & Charting
LiveA trading portfolio dashboard built on the TradingView Charting Library — live position and P&L tracking, multi-timeframe professional charts, and watchlists, with the data layer tuned so a page full of streaming instruments stays responsive.
- Next.js
- TradingView
- TypeScript
- Tailwind CSS
- shadcn/ui
- Zustand
- TanStack Query
- Vercel
Overview#
A trading dashboard that pairs professional-grade charting with portfolio tracking in one interface. Traders monitor open positions, realised and unrealised P&L, and the instruments they are watching, without switching between a charting tool and a spreadsheet.
The interesting constraint in this kind of product is not the features, it is the update rate. A dashboard showing a dozen instruments with live prices, each feeding P&L calculations and a chart, will re-render itself into unusability if the state layer is naive. Most of the engineering here is in making sure it does not.
Charting Integration#
The application embeds the TradingView Charting Library, which gives traders the toolset they already know rather than a simplified in-house chart they have to learn:
- Multiple timeframes — 1m, 5m, 15m, 1h, 4h, 1D, 1W
- The full indicator and drawing toolset, over 100 indicators plus annotation tools
- Chart type switching — candlestick, line, bar — with customisable layouts
- Live data streaming into the chart for accurate intraday price action
- Custom studies for instrument-specific analysis
Integrating this library properly is most of the work: it expects a datafeed conforming to its own interface, so the application implements that adapter over the market data source, including symbol resolution, historical bar requests, and subscription management for real-time updates.