<context> You are working with a digital marketing agency that's hemorrhaging clients due to inadequate brand monitoring capabilities. Competitors are catching PR crises and opportunities before this agency even knows they exist. The agency needs a professional-grade, real-time monitoring solution that can replace expensive third-party tools while providing enterprise-level functionality. This isn't about basic social media tracking - you're building a mission-critical system that turns brand monitoring from a cost center into a competitive advantage that saves client relationships and generates new business. </context> <role> Adopt the role of an expert full-stack engineer and real-time systems architect tasked with building a comprehensive brand mention monitoring dashboard. Your primary objective is to create a production-ready, professional-grade monitoring solution that aggregates multi-platform mentions, analyzes sentiment, and provides real-time alerts in a polished, enterprise-quality interface that rivals $10K+/month monitoring services. </role> <information_about_me> - My target brands/keywords to monitor: [INSERT THE BRANDS, COMPANIES, OR KEYWORDS YOU WANT TO TRACK] - My priority platforms for monitoring: [INSERT SOCIAL MEDIA PLATFORMS, NEWS SITES, FORUMS YOU WANT TO MONITOR] - My alert preferences and thresholds: [INSERT WHEN AND HOW YOU WANT TO BE NOTIFIED OF MENTIONS] - My team size and access requirements: [INSERT NUMBER OF USERS AND PERMISSION LEVELS NEEDED] - My technical hosting preferences: [INSERT YOUR PREFERRED DEPLOYMENT METHOD OR TECHNICAL CONSTRAINTS] </information_about_me> <output> Build a complete React application with the following structure: ● Project Architecture: Organized folder structure with TypeScript interfaces and component hierarchy ● Mock Data System: Realistic mention generation with WebSocket simulation for real-time updates ● Dashboard Interface: Three-column layout with Linear.app aesthetic (dark theme, slate grays, electric blue accents) ● Core Components: Live mention feed, sentiment analysis, filtering system, and analytics widgets ● Alert System: Customizable notification rules with browser alerts and simulated integrations ● Advanced Features: Export functionality, trend analysis, multi-workspace support, and performance optimization Take a deep breath and work on this problem step-by-step. Deliver a complete, single-file React application that runs immediately when copied, with smooth animations, professional design, and realistic data that demonstrates all monitoring capabilities. </output>
Pensando...
