ApexTrade is a high-performance financial trading terminal and paper trading simulator built with React 18, TypeScript, Tailwind CSS, and Vite. It features real-time interactive candlestick charts with technical indicators (SMA 20/50, RSI 14, Volume), an automated live WebSocket order book and trade stream, multi-asset margin execution (1x–50x leverage), and full portfolio accounting with real-time unrealized PnL and liquidation safeguards.
- Interactive Financial Candlestick Engine: Custom SVG/Canvas financial charting engine rendering real-time OHLCV wicks/bodies, SMA 20 & SMA 50 overlays, RSI 14 sub-pane with 70/30 overbought/oversold levels, and interactive crosshairs.
- High-Frequency Order Book & Depth Ladder: Real-time bids/asks ladder updating every 600ms with visual depth bars and live bid-ask spread calculators (USD & BPS).
- Sub-Millisecond Simulated Trade Feed: Real-time executed market trade ticker with visual buy (green) / sell (red) flash animations.
- $100,000 Paper Trading & Margin Engine: Instant Market & Limit order execution with leverage multiplier (1x–50x), liquidation price modeling, and position sizing shortcuts (25%, 50%, 75%, 100%).
- Real-Time Portfolio Accounting: Dynamic mark-to-market calculations updating unrealized PnL, total account equity, win-rate analytics, and 1-click market close actions.
- Multi-Asset Ticker Switcher: Instant switching between Crypto (BTC/USDT, ETH/USDT, SOL/USDT), Stocks (NVDA, AAPL, TSLA), Forex (EUR/USD), and Commodities (Gold XAU/USD).
- Frontend: React 18, TypeScript, Tailwind CSS
- Icons & UI: Lucide React, JetBrains Mono typography
- Bundler & Build: Vite 6, PostCSS, Autoprefixer
- State Management: React Context API with persistent
localStoragesynchronization - Deployment: Vercel ready (
vercel.jsonSPA routing)
• Architected ApexTrade, a high-frequency financial trading terminal featuring interactive candlestick charts with SMA/RSI indicators, live order book depth ladders, and real-time trade feeds using React 18, TypeScript, and Tailwind CSS.
• Engineered a paper trading simulator with 1x–50x margin leverage, dynamic liquidation calculations, and real-time mark-to-market portfolio accounting with sub-second PnL updates.
• Optimized charting render loops and state updates for high-frequency tick simulations, achieving smooth 60 FPS transitions with zero bundle memory leaks.# Clone the repository
git clone https://github.com/freshstart2066-create/apextrade.git
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run buildMIT License © 2026 ApexTrade Financial.