Push Notification Dashboard - Copy this Html, Bootstrap Component to your project

Objective: Design a comprehensive and user friendly dashboard for a push notification service that enables users to manage, monitor, and analyze their push notification campaigns effectively. Key Components to Include: User Authentication: Implement a secure login system (e.g., OAuth, JWT). Include user roles (admin, editor, viewer) to manage permissions. Dashboard Overview: Provide a high level summary of metrics such as total notifications sent, delivery rates, open rates, and user engagement stats. Use visual elements like graphs and charts for quick data interpretation. Campaign Management: Allow users to create, edit, and delete notification campaigns. Include a rich text editor for crafting notification messages with options for emojis, images, and links. Feature a scheduling tool to set specific times for notifications to be sent. Target Audience Segmentation: Enable users to segment their audience based on criteria like demographics, behavior, or engagement history. Provide tools to create dynamic segments that update automatically based on user interactions. Notification Types: Support various notification types (e.g., promotional, transactional, alerts). Allow users to choose between push notifications, email, and SMS as needed. Analytics and Reporting: Offer detailed analytics on notification performance, including delivery rates, open rates, click through rates, and conversion metrics. Provide A/B testing functionality to compare different messages or strategies. Real time Notifications: Implement a section for monitoring real time notifications being sent and received, showing immediate engagement metrics. Allow users to pause or adjust campaigns based on real time performance feedback. Integration Capabilities: Include options for integrating with third party tools (e.g., CRM systems, email marketing platforms) for a more seamless workflow. Provide API access for advanced users to automate processes. User Feedback and Support: Incorporate a feedback mechanism to gather user opinions on the notification campaigns. Provide access to support resources, such as FAQs, tutorials, and customer service chat. Settings and Customization: Allow users to customize notification templates and settings (e.g., branding, default messages). Provide an option to manage user preferences and notification opt in/opt out settings. Design Considerations: User Experience (UX): Ensure the dashboard is intuitive and easy to navigate, minimizing the learning curve for new users. Use consistent design elements (colors, fonts, button styles) to create a cohesive experience. Mobile Responsiveness: Design the dashboard to be fully responsive for users accessing it on mobile devices. Ensure that all functionalities are available and usable on smaller screens. Performance Optimization: Optimize the dashboard for fast loading times, especially when retrieving analytics data. Consider using lazy loading for data heavy sections to improve performance. Deliverables: Wireframes for each key section of the dashboard. A prototype showcasing the user journey from campaign creation to analytics review. Documentation outlining the functionalities, user flows, and technical requirements. A set of test cases to ensure all features function correctly before launch.