-
Notifications
You must be signed in to change notification settings - Fork 10
Description
Implement a "Message Seen" feature that lets users know when their sent message has been viewed by the recipient. This enhances the user experience by providing real-time feedback on message status.
Why is this needed?
✅ Improves real-time communication
✅ Helps users know if their messages are being read
✅ Makes the chat app feel more modern and user-friendly
Suggested Approach
Backend (Django & WebSockets)
Modify chatapp/models.py to track message read status (e.g., is_read = models.BooleanField(default=False)).
Update Django Channels/WebSockets to broadcast a "message_seen" event when a recipient opens a chat.
Store message status updates in the database.
Frontend (JavaScript & UI)
Update the chat UI to display "Seen" or a ✓✓ icon when a message is read.
Use JavaScript to listen for "message_seen" WebSocket events and update the UI dynamically.
Relevant Files
📂 chatapp/models.py – Update message model
📂 chatapp/consumers.py – Handle WebSocket seen event
📂 chatapp/templates/chat.html – Update UI to show "Seen" status
📂 static/js/chat.js – Listen for WebSocket events