How black101081/nautilus-web-interface works
Nautilus Web Interface is a full-stack trading and administration dashboard. Traders inspect market and account state, manage strategies, orders and positions, configure risk, and run backtests; administrators manage engine components, adapters, settings, monitoring and database operations. The React application calls a FastAPI production server, which exposes trading and admin capabilities backed by Nautilus, SQLite persistence and market-data integrations. The README documents the broad runtime layout; source excerpts establish only selected internal calls, so other subsystem connections are omitted.
Main entry points: App.tsx React App · database.py SQLite Data · nautilus_fastapi.py Production API · live_trading.py Live Trading
Components 29
Trading Interface
- React App
frontend/src/App.tsx - Trader Views
frontend/src/pages/TraderDashboard.tsx - Trading Pages
frontend/src/pages/OrdersPage.tsx - Backtesting
frontend/src/pages/BacktestingPage.tsx - Admin Pages
frontend/src/pages/AdaptersPage.tsx - API Client
frontend/src/lib/api.ts - WebSocket Client
frontend/src/hooks/useWebSocket.ts
API and Access
- Production API
backend/nautilus_fastapi.py - Auth Routes
backend/routers/auth.py - JWT Auth
backend/auth_jwt.py - Trading Routes
backend/routers/strategies.py - Risk Routes
backend/routers/risk.py - System Routes
backend/routers/system.py
Trading Runtime
- Nautilus Core
backend/nautilus_core.py - Engine Integration
backend/nautilus_integration.py - Live Trading
backend/live_trading.py - Risk Checks
backend/risk_engine.py - Strategy Set
backend/strategies - Runtime State
backend/state.py
Persistence and Feeds
- SQLite Data
backend/database.py - Alert Store
backend/alerts_db.py - Market Data
backend/market_data_service.py - Binance Adapter
backend/adapters/binance.py
Administration
- Admin DB API
backend/admin_db_api.py - Database Operations
backend/routers/database_ops.py - Notifications
backend/notifications.py
Other components
- Traders
- Administrators
- Binance API
Connections 23
- Traders → React App: use
README.md - Administrators → React App: use
README.md - React App → Trader Views: routes
frontend/src/App.tsx - React App → Trading Pages: routes
frontend/src/App.tsx - React App → Backtesting: routes
frontend/src/App.tsx - React App → Admin Pages: routes
frontend/src/App.tsx - React App → Production API: HTTP and WS
README.md - WebSocket Client → Production API: opens socket
README.md - Auth Routes → JWT Auth: authenticates
backend/routers/auth.py - JWT Auth → SQLite Data: reads users; checks revocation
backend/auth_jwt.py - Risk Checks → SQLite Data: reads limits and loss
backend/risk_engine.py - Runtime State → Nautilus Core: references
backend/state.py - Runtime State → Live Trading: references
backend/state.py - Live Trading → SQLite Data: uses persistence
backend/live_trading.py - Notifications → SQLite Data: uses persistence
backend/notifications.py - Binance Adapter → Live Trading: delegates trading
backend/adapters/binance.py - Market Data → Binance API: fetches prices
README.md - System Routes → SQLite Data: reads and saves settings
backend/routers/system.py - System Routes → Nautilus Core: initializes engine
backend/routers/system.py - Database Operations → SQLite Data: backs up and optimizes
backend/routers/database_ops.py - Production API → Nautilus Core: hosts trading API
README.md - Production API → Market Data: serves live prices
README.md - Production API → Alert Store: persists alerts
README.md