HTML
Create a sleek, modern, neon-accented dark mode Crypto Trading & Signal Panel (Web Application) designed for mobile and desktop browsers.
Key Features & UI Requirements:
1. Theme & Styling:
- Dark mode with glassmorphism blur cards, subtle grid background, and neon red (#FF0055) and neon green (#00FF88) accents.
- Clean, highly responsive UI tailored for mobile screens and desktop.
2. Live Market Data (Binance WebSocket / REST API):
- Real-time price updates for top trading pairs: BTC/USDT, ETH/USDT, SOL/USDT, BNB/USDT, XRP/USDT, LTC/USDT.
- Live ticker cards showing Current Price, 24h Change %, 24h High/Low.
3. Live Signal Engine ("AL / SAT / NÖTR"):
- Algorithmic Signal Calculation based on short-term price momentum / Simple Moving Average & RSI-style momentum math calculated on the fly.
- Distinct visual badges for signals:
- "GÜÇLÜ AL" / "AL" (Green glow)
- "SAT" / "GÜÇLÜ SAT" (Red glow)
- "NÖTR / BEKLE" (Orange/Gray glow)
- Dynamic Target Price (Hedef Kar) and Stop-Loss (Zarar Durdur) recommendation levels based on volatility for each active pair.
4. Interactive Trading View / Canvas Chart:
- Real-time line/candlestick chart simulation or Canvas chart updating dynamically as Binance live prices tick in.
- Timeframe selector (1m, 5m, 15m, 1h).
5. Trading Simulator / Quick Calc Panel:
- A quick calculator tab where users can input an investment amount (e.g. $100), select leverage/margin, and calculate potential Profit/Loss based on the signal's target and stop-loss levels.
6. Language:
- Turkish UI interface ("Kripto Sinyal & İşlem Paneli", "Anlık Sinyaller", "Hedef Fiyat", "Zarar Kes", "Son Güncelleme").