Deriv Bot is a web-based automated trading platform that allows users to create trading bots without coding. The application uses a visual block-based programming interface (powered by Blockly) to let users design trading strategies. Users can build bots from scratch, use quick strategies, or import existing bot configurations. The platform supports both demo and real trading accounts through the Deriv trading API.
Preferred communication style: Simple, everyday language.
- React 18 with TypeScript as the primary UI framework
- MobX for state management across the application
- Stores are organized in
src/stores/with a root store pattern that aggregates domain-specific stores (client, dashboard, chart, run-panel, etc.)
- Rsbuild as the primary build tool (modern, fast bundler)
- Webpack configuration available as fallback
- Babel for transpilation with support for decorators and class properties
- Blockly library for the drag-and-drop bot building interface
- Custom blocks and toolbox configurations for trading-specific operations
- Workspace serialization for saving/loading bot strategies
- @deriv/deriv-api for WebSocket-based communication with Deriv trading servers
- Real-time market data streaming and order execution
- Support for multiple account types (demo, real, wallet-based)
- OAuth2-based authentication flow with OIDC support
- Token Management Backend (TMB) integration for enhanced session handling
- Multi-account support with account switching capabilities
- @deriv/deriv-charts for displaying market data and trade visualizations
- Real-time chart updates during bot execution
- Service worker for offline capabilities
- Installable as a Progressive Web App on mobile devices
- Offline fallback page
- @deriv-com/translations for multi-language support
- CDN-based translation loading with Crowdin integration
- RudderStack for event tracking and analytics
- Datadog for session replay and performance monitoring
- TrackJS for error tracking in production
@deriv-com/auth-client- Authentication client@deriv-com/analytics- Analytics integration@deriv-com/quill-ui/@deriv-com/quill-ui-next- UI component library@deriv-com/translations- Internationalization@deriv/deriv-api- Trading API client@deriv/deriv-charts- Charting library
- Cloudflare Pages - Deployment platform
- Google Drive API - Bot strategy storage and sync
- LiveChat - Customer support integration
- Intercom - In-app messaging (feature-flagged)
- GrowthBook - Feature flag management
- Survicate - User surveys
blockly- Visual programming blocksmobx/mobx-react-lite- State managementreact-router-dom- Client-side routingformik- Form handling@tanstack/react-query- Server state managementjs-cookie- Cookie managementlocalforage- Client-side storagelz-string/pako- Compression utilities
- Added Free Bots page with 12 pre-built trading bot templates
- Bot cards display with category filtering (Speed Trading, AI Trading, Pattern Analysis, etc.)
- Click-to-load functionality that imports bot XML into Bot Builder
- Responsive card design with hover effects and loading states
- Bot XML files stored in
/public/bots/directory - Files:
src/pages/free-bots/index.tsx,src/pages/free-bots/free-bots.scss