Implement Jupiter-style trading chart with lightweight-charts

- Add TradingView Lightweight Charts library for professional chart display
- Create TradingChart component with real-time candlestick data
- Implement position overlays (entry, stop loss, take profit lines)
- Add chart header with symbol and price information
- Create CompactTradingPanel for Jupiter-style order form
- Build ChartTradingPage combining chart and trading panel
- Add demo and test pages for chart functionality
- Use dynamic imports to avoid SSR issues with lightweight-charts
- Generate sample price data for demonstration

Features:
- Full-screen candlestick chart with dark theme
- Position markers on chart (blue entry, red SL, green TP)
- Real-time price display and P&L tracking
- Responsive design with proper chart resizing
- Professional trading interface similar to Jupiter Perps
This commit is contained in:
mindesbunister
2025-07-16 12:31:58 +02:00
parent 39b6300939
commit 2db2be241b
12 changed files with 1622 additions and 1 deletions

View File

@@ -22,6 +22,12 @@ const navItems = [
icon: '💰',
description: 'Execute trades'
},
{
name: 'Chart Trading',
href: '/chart-trading-demo',
icon: '📈',
description: 'Advanced chart trading'
},
{
name: 'Automation',
href: '/automation',