Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Add a friends hub with realtime online presence

Aperta
  • Qualcosa non va?
#186 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
cypress, javascript, nodejs, react, redis
Ambito
backend-api-design, distributed-systems, full-stack, testing-qa

Direzione di ricerca

Leggi i criteri di accettazione e le dipendenze #75, #105 e #82, quindi traccia lo stato REST esistente delle amicizie e il namespace Socket.IO e i punti di ingresso alle room per utente. Il lavoro è completato quando il friends hub, la presenza effimera riservata agli amici, la riconciliazione dopo la riconnessione, i test mirati del server e del client e l’happy path di Cypress con due utenti soddisfano tutti i criteri elencati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

area: social enhancement priority: P1

Goal

Give authenticated users one dependable place to see friendships, pending requests, and which friends are currently available to race.

User experience

Add a /friends route reachable from the header/profile menu with:

  • online friends first, then offline friends;
  • incoming and outgoing pending requests;
  • actions to open a profile, accept/decline/cancel a request, unfriend, block, or invite an eligible friend to the current room;
  • clear empty, loading, disconnected, and error states;
  • a responsive layout that works with the existing mobile navigation.

Presence contract

  • Presence is ephemeral and friends-only in this surface.
  • "Online" means the user has at least one authenticated Let’s Cube socket connected.
  • Multiple tabs/devices count as one user; offline is emitted only after the last socket disconnects.
  • Do not persist or display last seen in the MVP.
  • Do not create durable "friend came online" notifications in the MVP.
  • REST owns the durable friend list; Socket.IO only delivers presence changes. Reconnect must refetch/reconcile durable state.

Acceptance criteria

  • Add friend-list/request state and selectors without coupling React components directly to sockets.
  • Move friend presence through the global namespace and existing per-user Socket.IO rooms.
  • Compute first-connect/last-disconnect correctly across multiple processes through the Redis adapter.
  • Deliver an initial presence snapshot and incremental updates only for accepted friendships.
  • Handle Redis/socket interruption without deleting friendships or permanently showing stale presence.
  • Add focused server tests for multi-tab, multi-process, blocked/unfriended, and reconnect behavior.
  • Add client tests for sorting, request states, offline/error states, responsive actions, and reconnect reconciliation.
  • Add a Cypress happy path with two authenticated test users.

Dependencies

  • #75 friendship lifecycle
  • #105 notification/request state
  • #82 public profile links

Non-goals

  • Persistent last-seen timestamps.
  • Browser/OS push notifications.
  • Direct messaging.
Lingua principale
JavaScript
Stelle
30
Fork
9
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di coder13/LetsCube

Tutte le issue di coder13/LetsCube

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.