Yosemitly Architecture Diagram

graph TD %% Frontend Components UI["React UI Components"]:::current Forms["Form Components"]:::current DataGrid["Data Grid Components"]:::current BudgetAlloc["Budget Allocator"]:::current MediaPlanUI["Media Plan UI"]:::current AdvancedReporting["Advanced Reporting Dashboard"]:::planned RealTimeMonitoring["Real-Time Campaign Monitoring"]:::planned %% Server Components API["Next.js API Routes"]:::current Auth["Auth0 Integration"]:::current DBLayer["Database Layer"]:::current TradeDeskAdapter["TradeDesk API Adapter"]:::planned DataSync["Data Synchronization Service"]:::planned CacheLayer["Redis Cache Layer"]:::planned %% External Services TradeDeskAPI["TradeDesk API"]:::planned Analytics["Analytics Platforms"]:::planned AdVerification["Ad Verification Services"]:::planned %% Data Storage MongoDB[("MongoDB")]:::current BlobStorage[("Vercel Blob Storage")]:::current TimeSeriesDB[("Time Series Database")]:::planned %% Core Features Campaigns["Campaign Management"]:::current InsertionOrders["Insertion Orders"]:::current MediaPlans["Media Plans"]:::current Audiences["Audience Management"]:::current Geography["Geographic Targeting"]:::current Budget["Budget Management"]:::current Reporting["Basic Reporting"]:::current %% Enhanced Features AutoBidding["Automated Bidding"]:::planned AIOptimization["AI Campaign Optimization"]:::planned CrossPlatform["Cross-Platform Campaign Management"]:::planned AdvancedAttribution["Advanced Attribution Modeling"]:::planned Forecasting["Performance Forecasting"]:::planned TradeDeskIntegration["TradeDesk API Integration"]:::planned %% Connections UI --> Forms UI --> DataGrid UI --> BudgetAlloc UI --> MediaPlanUI UI --> AdvancedReporting UI --> RealTimeMonitoring Forms --> API DataGrid --> API BudgetAlloc --> API MediaPlanUI --> API AdvancedReporting --> API RealTimeMonitoring --> API API --> Auth API --> DBLayer API --> TradeDeskAdapter API --> DataSync API --> CacheLayer TradeDeskAdapter --- TradeDeskAPI DataSync --- Analytics DataSync --- AdVerification DBLayer --> MongoDB API --> BlobStorage DataSync --> TimeSeriesDB CacheLayer --- API UI --> Campaigns UI --> InsertionOrders UI --> MediaPlans UI --> Audiences UI --> Geography UI --> Budget UI --> Reporting TradeDeskAdapter --> AutoBidding TradeDeskAdapter --> CrossPlatform TradeDeskAdapter --> TradeDeskIntegration DataSync --> AdvancedAttribution DataSync --> Forecasting TimeSeriesDB --> AIOptimization classDef current fill:#e1f5fe,stroke:#1a73e8,color:#1a73e8 classDef planned fill:#fff3e0,stroke:#e67c00,color:#e67c00

graph TD %% Nodes User["User/Client"] Auth0["Auth0"]:::current NextAPI["Next.js API"]:::current MongoDB[("MongoDB")]:::current BlobStorage[("Blob Storage")]:::current TradeDeskSync["TradeDesk Sync"]:::planned TradeDeskAPI["TradeDesk API"]:::planned TimeSeriesDB[("Time Series DB")]:::planned AIEngine["AI Engine"]:::planned Analytics["Analytics Platforms"]:::planned DataSync["Data Sync Service"]:::planned %% Current Data Flow User -->|"Login"| Auth0 Auth0 -->|"Authenticate"| NextAPI User -->|"Create Campaign"| NextAPI User -->|"Create Media Plan"| NextAPI User -->|"Manage Audiences"| NextAPI User -->|"Allocate Budget"| NextAPI NextAPI -->|"Store"| MongoDB NextAPI -->|"Retrieve"| MongoDB NextAPI -->|"Store Files"| BlobStorage MongoDB -->|"Campaign Data"| NextAPI BlobStorage -->|"Media Assets"| NextAPI NextAPI -->|"Render UI"| User %% Planned Data Flow User -->|"Create Campaign"| TradeDeskSync User -->|"Optimize Campaign"| AIEngine TradeDeskSync -->|"Push Campaign"| TradeDeskAPI TradeDeskAPI -->|"Performance"| TradeDeskSync TradeDeskSync -->|"Store Performance"| TimeSeriesDB TimeSeriesDB -->|"Historical Data"| AIEngine AIEngine -->|"Recommendations"| NextAPI Analytics -->|"External Data"| DataSync DataSync -->|"Enriched Data"| MongoDB NextAPI -->|"Real-time Dashboard"| User classDef current fill:#e1f5fe,stroke:#1a73e8,color:#1a73e8 classDef planned fill:#fff3e0,stroke:#e67c00,color:#e67c00