SrigadaAkshayKumar/chatapp-frontend

Improve Read Receipts & Message Status

Open

#4 opened on Feb 9, 2025

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (3 forks)auto 404
databaseenhancementhelp wanted

Repository metrics

Stars
 (1 star)
PR merge metrics
 (PR metrics pending)

Description

✅ Improve Read Receipts & Message Status

📌 Description

Enhance the chat experience by adding read receipts and message status indicators to inform users when messages are sent, delivered, and read.

🚀 Feature Requirements

  • ✅ Display checkmarks/icons for message status:
    • 🟡 Sent (Message has been sent)
    • 🔵 Delivered (Message has been delivered)
    • ✅ Read (Message has been seen by the recipient)
  • ✅ Implement "Seen at [timestamp]" for read messages.
  • ✅ Ensure messages update in real-time without lag.

🛠 Tech Stack

  • JavaScript / React
  • WebSockets / Firebase (for real-time updates)

🔄 Possible Implementation Steps

  1. Implement message status tracking in the backend.
  2. Update the UI to display read receipt icons next to messages.
  3. Ensure real-time updates of message status using WebSockets/Firebase.
  4. Optimize performance to prevent unnecessary re-renders.

🏷 Labels

🔹 enhancement
🔹 help wanted

Contributor guide

Research direction
Implement message status tracking in the backend (Firebase) and update the frontend UI with real time read receipt icons and timestamps using Firebase listeners or WebSockets.
Tech stack
javascriptreactfirebase
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScriptReactFirebase
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60