System Design
PLAYGROUND
Create Component
CLIENT
2
Client (Web / Mobile)
Mobile App
NETWORKING
5
Load Balancer
API Gateway
Reverse Proxy
CDN
DNS
APPLICATION
4
API Server
Microservices
Background Workers
Scheduler
DATA STORAGE
6
Database
Object Storage
File Storage
Data Warehouse
Data Lake
Backup Storage
CACHING
2
Cache
CDN Cache
ASYNC & MESSAGING
4
Message Queue
Task Queue
Pub-Sub System
Event System
SECURITY & ACCESS
5
Auth Service
Rate Limiter
Firewall
WAF
Encryption Service
RELIABILITY & SCALING
5
Auto Scaler
Health Check
Circuit Breaker
Retry Logic
Failover System
OBSERVABILITY
4
Monitoring
Logging
Tracing
Alerting
DEPLOYMENT & OPS
4
CI/CD Pipeline
Container Registry
Orchestrator
Config Manager
SEARCH & ANALYTICS
3
Search Engine
Indexing Service
Analytics Engine
EXTERNAL SERVICES
3
Notification Service
Payment Gateway
Third Party APIs
100%
Export
Import
Clear
React Flow
Press enter or space to select a node.You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.