A comprehensive web application for visualizing and testing various trading strategies with real-time market data integration. The application supports both demo mode with simulated data and live exchange connections.
-
Multiple Trading Strategies:
- Simple PMM (Pure Market Making)
- Dynamic PMM with Technical Indicators
- Base Strategy Implementation
- Experimental Strategy
- Bollinger Bands Strategy
- TWAP Strategy
- Funding Rate Arbitrage
-
Market Data Integration:
- Real-time price feeds
- Historical data analysis
- Volume tracking
- Spread monitoring
- 24-hour statistics
-
Visualization Tools:
- Interactive charts
- Real-time updates
- Strategy-specific indicators
- Performance metrics
- Risk analytics
-
Binance
- API Key
- Secret Key
- Documentation: https://www.binance.com/en/support/faq/how-to-create-api-keys-360002502072
- Features: Spot trading, real-time data, historical data
-
AscendEX
- API Key
- Secret Key
- Account Group (numeric value)
- Validation: Account group must be a number
- Features: Spot trading, market data access
-
KuCoin
- API Key
- Secret Key
- Passphrase
- Documentation: https://support.kucoin.plus/hc/en-us/articles/360015051773
- Features: Spot trading, real-time feeds
- Credential validation and testing
- Real-time connection testing
- Automatic validation of API permissions
- Visual feedback on connection status
- Secure credential storage
- Connection status persistence
- Demo mode auto-disable on successful connection
- Connection status monitoring
- Automatic reconnection
- Error handling and reporting
- Demo mode toggle
Currently supporting major pairs:
- BTC-USDT
- ETH-USDT
- BNB-USDT
- SOL-USDT
- ADA-USDT
- DOT-USDT
- AVAX-USDT
- MATIC-USDT
- LINK-USDT
- UNI-USDT
- Configurable spread parameters
- Dynamic spread adjustment
- Multiple order levels
- Risk management controls
- Position tracking
- MACD indicator
- RSI analysis
- Bollinger Bands
- Volume analysis
- Trend detection
- Position limits
- Stop-loss controls
- Dynamic risk adjustment
- Exposure monitoring
- Balance management
- React with TypeScript
- Real-time charting with Chart.js
- Tailwind CSS for styling
- Responsive design
- Component-based architecture
- React Context for global state
- Settings management
- Exchange credentials handling
- Market data synchronization
- WebSocket connections
- REST API integration
- Real-time updates
- Data normalization
- Error handling
- Secure credential storage
- Connection testing and validation
- Permission verification
- Error handling and user feedback
- Demo mode safeguards
- Basic infrastructure setup
- Exchange integration framework
- Core strategy implementations
- Market data visualization
- Demo mode functionality
- Credentials management
- Connection testing system
- Security implementations
- Advanced strategy features
- Performance optimization
- Additional exchange support
- Enhanced error handling
- Testing framework implementation
- Add more trading pairs based on exchange availability
- Implement exchange-specific trading rules and limits
- Add validation for minimum order sizes
- Enhance error handling for API rate limits
- Add support for testnet environments
- Implement WebSocket connection status indicators
- Add exchange fee structure information
- Enhance credential security measures
- Implement strategy backtesting
- Add performance analytics dashboard
- PORT: Application port (default: 3000)
- VITE_API_URL: API endpoint URL
- VITE_WS_URL: WebSocket endpoint URL
- Development server with hot reload
- Production build optimization
- Docker containerization
- Dynamic port allocation
- Docker support
- Environment configuration
- Health check implementation
- Automatic port management
- Container orchestration