A performant front-end for a stock trading bot built with Vite, React, TypeScript, and shadcn/ui. It ships a modular UI (orders, portfolios, charts) and a clean state architecture that’s ready to plug into paper-trading or live broker backends, with fast builds and smooth interactions.
The app offers features such:
- Real-time price feeds via WebSocket, depth-of-market, and candlestick/line charts with indicators.
- Order tickets (market/limit/stop), order book, trade blotter, and cancel/replace workflows.
- Positions, balances, and P&L tracking with basic risk limits and throttles.
- Watchlists, price/volume alerts, saved layouts, and keyboard shortcuts.
- Broker/exchange adapters behind a unified API (e.g., Alpaca/IBKR/Binance).
- Paper-trading mode, backtest result viewer, and execution/error logs.
- Secure API key management and role-based access.
- Form validation with react-hook-form + zod and optimistic UI updates.
- Code-splitting, lazy routes, and offline caching where supported.
- Themeable shadcn/ui components with dark mode.
The app typically offer features like real-time price feeds, charts/indicators, watchlists and alerts, order tickets (market/limit/stop), positions/P&L, and an order book. A modular React + TypeScript architecture with shadcn/ui and Vite enables fast loads, code-splitting, and clean adapters for paper or live broker APIs. Secure key handling, role-based access, and execution/error logs support safe operation, while paper trading and backtest views de-risk going live.