Notifications
Real-time · Alerts · Preferences
Notification Management
The notification system provides real-time communication through a comprehensive workflow that includes notification creation, delivery tracking, preference management, and user interaction. Built with Laravel Echo for real-time updates and featuring a drawer-based interface for seamless user experience.
Real-time delivery
Instant notifications via WebSocket connections.
Preference controls
User-specific notification type management.
Multi-type support
Todos, assignments, reminders, and system alerts.
Key Features
Core notification capabilities.
Real-time Notifications
WebSocket-based instant delivery via Laravel Echo.
Drawer Interface
Slide-out notification panel with tabs and actions.
Preference Management
User-specific notification type controls.
Read/Unread Status
Track notification status with bulk actions.
Delete Management
Individual or bulk notification deletion.
Auto-refresh
Automatic updates on new notifications.
Notification Workflow
Complete notification lifecycle.
Event Trigger
System events (todo assignment, completion, due dates) trigger notification creation in Laravel backend.
Database Storage
Notifications stored in database_notifications table with user association and metadata.
Real-time Broadcast
Laravel Echo broadcasts notifications to private channels: company-user.[userId].
Frontend Reception
React hook useCompanyNotifications receives and processes notifications in real-time.
UI Update
Notification drawer updates with badge count, new items, and automatic refresh.
User Interaction
Users can mark as read, delete, or manage preferences through the interface.
Notification Types
Supported notification categories.
Todo Assigned
When a todo is assigned to a user by another team member.
Todo Completed
When a todo task is marked as completed by assignee.
Due Date Reminder
Automated reminders for approaching todo due dates.
System Alerts
General system notifications and announcements.
Notifications Management Overview
Visual guide to notification management features.
This video demonstrates the complete notification workflow including real-time delivery, drawer interface, preference management, and notification interactions like marking as read and deletion.
Merge Variables (Examples)
Available merge variables for notification operations.
| Variable | Description |
|---|---|
{{ notification.title }} | Notification message text |
{{ notification.type }} | Type of notification (todo assigned, completed, reminder, etc.) |
Best Practices
Notification management guidelines.
| Practice | Recommendation |
|---|---|
| Real-time Connection | Maintain stable WebSocket connection for instant updates |
| Preference Management | Allow users to control notification types per their needs |
| Performance Optimization | Use pagination for large notification datasets |
| Error Handling | Implement graceful fallback for connection failures |
| Data Privacy | Ensure notifications respect user privacy settings |
Troubleshooting
Common issues and solutions.
| Issue | Fix |
|---|---|
| Notifications not appearing | Try refreshing the page or check your internet connection. If the issue persists, contact support |
| Real-time updates not working | Make sure your browser allows notifications and try refreshing the page |
| Settings not saving | Ensure all required fields are filled in and try again. If it still fails, contact support |
| Notification count not updating | Try refreshing the page or check your internet connection |
| Can't open notification panel | Try refreshing the page or using a different browser. If the issue persists, contact support |