Lightview

React + lightweight-charts workspace focused on advanced drawing tools and true real-time market data via WebSockets (Binance + TradingView proxy).

Features

• 🔄 Real-time crypto data straight from Binance WebSockets (no polling)
• 🌐 TradingView proxy server (Express + @mathieuc/tradingview) that streams forex/stocks/indices via WebSockets
• 📐 Enhanced long/short position tools with entry-touch tracking, oblique profit fill, and replay support
• 🧰 Custom toolbar + symbol search with live watchlist prices (multi-symbol WebSocket stream)
• 🎯 Replay mode + indicator overlays (SMA/EMA) kept in sync with the incoming feed

Getting started

1. Clone & install

git clone https://github.com/tedydonel/lightview.git
cd lightview
npm install

Requires Node 18+ (or any LTS that supports ES modules + Vite).

2. Start the TradingView data proxy

The frontend expects a local server on http://localhost:3001.

node server/index.cjs

This server:

• Proxies historical requests to TradingView
• Opens WebSocket sessions per symbol (/api/klines, ws://localhost:3001)
• Streams candles to the UI for watchlist + main chart

Keep this process running in its own terminal.

3. Run the Vite dev server

npm run dev

Open the printed URL (usually http://localhost:5173) to view the app. The chart will:

• Subscribe to Binance websocket when the symbol looks like BTCUSDT
• Otherwise subscribe to ws://localhost:3001 for TradingView markets (forex, stocks, etc.)

4. Build / preview (optional)

npm run build
npm run preview

Screenshots

Credit

Thanks to difurious for lightweight-charts-line-tools; this UI builds upon those drawing tools. Huge shout-out to crypt0inf0 and the upstream lightweight-charts-ui project that made Lightview possible.

License

MIT