SrigadaAkshayKumar/chatapp-frontend

Improve Read Receipts & Message Status

Aperta

#4 aperta il 9 feb 2025

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (3 fork)auto 404
databaseenhancementhelp wanted

Metriche repository

Star
 (1 stella)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

✅ 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

Guida contributor

Direzione di ricerca
Implementa il tracciamento dello stato dei messaggi nel backend (Firebase) e aggiorna l'interfaccia utente frontend in tempo reale con icone di ricevuta di lettura e timestamp utilizzando listener di Firebase o WebSockets.
Tech stack
javascriptreactfirebase
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
JavaScriptReactFirebase
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60