Database Sync Dashboard - Copy this Html, Tailwind Component to your project
Create a dashboard for database synchronization with the following specifications: 1. Table 01Clienti (Customers): - Number of local records - Number of remote records - Number of records to sync - Last sync timestamp - Next scheduled sync - Sync status (In Progress / Completed / Error) - Error details (if applicable) - Sync progress percentage 2. Table 02Forniture (Supplies): - Number of local records - Number of remote records - Number of records to sync - Last sync timestamp - Next scheduled sync - Sync status (In Progress / Completed / Error) - Error details (if applicable) - Sync progress percentage 3. Table 03Contratti (Contracts): - Number of local records - Number of remote records - Number of records to sync - Last sync timestamp - Next scheduled sync - Sync status (In Progress / Completed / Error) - Error details (if applicable) - Sync progress percentage The dashboard should: - Display real-time synchronization status for each table - Show a summary of total records synced across all tables - Provide a detailed log of recent synchronization activities - Allow manual triggering of synchronization for each table - Offer filtering and search options for sync logs - Implement an error management and notification system - Display charts/graphs showing sync trends over time - Allow setting and adjusting sync schedules - Provide a way to pause/resume automatic synchronization - Show network status and connection quality to remote database Additional features: - User authentication and role-based access control - Dark/light mode toggle for user preference - Export functionality for sync logs and statistics - System health monitoring (CPU, memory usage during sync) - Configurable alerts for sync issues or discrepancies - Option to view and manage individual record sync status Ensure that the interface is intuitive, responsive, and follows UX/UI design best practices. The dashboard should provide a clear overview at a glance while allowing users to drill down into detailed information as needed.