TradeDesk

TradeDesk is a fully functional front-end trading platform built using HTML, CSS, and JavaScript, designed to replicate a professional trading terminal. It provides a complete ecosystem for traders to manage their portfolio, track live market movements, and control trading risks efficiently.

⚡ Core Features

📊 Real-Time Dashboard

Portfolio value, P&L, margin usage, and open positions

Interactive P&L chart with time-based filters (1D, 1W, 1M)

📈 Market Overview

Live-like ticker for indices (NIFTY, SENSEX, BANKNIFTY)

Simulated price updates using JavaScript

📂 Positions & Orders

View all open/closed positions

Detailed order book (Executed, Pending, Rejected)

Quick actions like “Close Position” or “New Order”

⚠️ Risk Management System

Risk meters (Drawdown, Margin, Loss Limit, Concentration)

Key metrics: Sharpe Ratio, Beta, VaR, Correlation

Alerts for high-risk trades and stop-loss triggers

🛒 Order Placement Panel

Buy/Sell with multiple order types (Market, Limit, SL, SL-M)

Real-time feedback on order execution (mock)

📊 Advanced Analytics

Drawdown chart

Sector-wise risk exposure

Performance metrics (Win rate, Avg trade size)

👁️ Watchlist

Track selected stocks with price & % change

Dynamic updates for realistic trading feel

🔌 API Ready Architecture

Pre-built hooks for Zerodha Kite API:

kite.orders()

kite.positions()

kite.holdings()

WebSocket (KiteTicker)

Easy replacement of mock data with real API responses

🧠 Technology Stack

HTML5 (Structure)

CSS3 (Modern UI with dark theme)

Vanilla JavaScript (Logic, simulation, charts)

🎯 Purpose of the Project

Practice trading system UI development

Build a risk management-focused trading tool

Serve as a base for real trading apps using APIs

Useful for portfolio analysis and simulation

🚀 Future Enhancements

Live API integration (Zerodha / Upstox)

Authentication system

Backend (Node.js / Python)

Database for trade history

AI-based risk alerts