I need to implement Push Notification in Website and Application

详细信息

TowDispatch is a full-featured platform designed to streamline operations for car towing agencies. The system supports both web and mobile environments and enables seamless coordination between dispatch administrators and field drivers.Tech StackWeb Frontend: React.js + Tailwind CSSBackend & Realtime DB: Supabase (PostgreSQL, Auth, Edge Functions)Mobile Application: Capacitor (for native app packaging), integrated via Android Studio for Android and planned iOS deployment Core Functionality Admin DashboardJob Management: Create, assign, update, and delete tow jobsDriver Management: Add, edit, and monitor driver status and activitiesReporting Module: Generate operational and performance reportsNotification System: Real-time job status feedback via toast messages (web) and push notifications (mobile)Driver AppJob Inbox: View assigned jobs with real-time updatesJob Workflow: Update job progress (e.g., en route, job complete)Profile: Manage driver-specific settings and preferences Current Challenge: Push Notification ImplementationWith the mobile app version now fully operational through Capacitor and Android Studio, the primary challenge lies in implementing a reliable and scalable push notification system to replicate and extend the existing toast-based web notification model.Existing Web Notification FlowNotifications are triggered via toast messages, displayed in-app for real-time user feedbackAll notification events (e.g., job assignment, completion) are stored in Supabase for traceability