TopherMayor/cabo-voting-app
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

Real-time voter presence indicators #2

New Issue
Open
opened 2026-04-29 03:55:13 +00:00 by TopherMayor · 0 comments
TopherMayor commented 2026-04-29 03:55:13 +00:00
Owner
Copy Link

Problem

Currently there's no sense of "liveness" — you don't know if other people are looking at the app and voting in real-time.

Proposed Solution

  • Show a "🟢 X voters online" indicator in the header or status bar
  • Track WebSocket connections server-side; broadcast user_joined / user_left events
  • Show a pulsing green dot next to each connected user's name when they vote
  • Animate the voter count badge when someone new joins

Acceptance Criteria

  • Green pulsing dot appears when WebSocket is connected
  • "N voters online" count updates within 2s of someone connecting/disconnecting
  • No privacy leak — only show connected count, not specific names of passive viewers
## Problem Currently there's no sense of "liveness" — you don't know if other people are looking at the app and voting in real-time. ## Proposed Solution - Show a "🟢 X voters online" indicator in the header or status bar - Track WebSocket connections server-side; broadcast `user_joined` / `user_left` events - Show a pulsing green dot next to each connected user's name when they vote - Animate the voter count badge when someone new joins ## Acceptance Criteria - [ ] Green pulsing dot appears when WebSocket is connected - [ ] "N voters online" count updates within 2s of someone connecting/disconnecting - [ ] No privacy leak — only show connected count, not specific names of passive viewers
TopherMayor added the frontendenhancementpriority/medium labels 2026-04-29 03:55:14 +00:00
TopherMayor added this to the UI/UX Overhaul v1.0 milestone 2026-04-29 03:56:16 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
accessibility
Accessibility improvements
 backend
Backend/Express/WebSocket/API
 enhancement
New feature or enhancement
 frontend
Frontend/HTML/CSS/JS
 mobile
Mobile-specific improvements
 priority/high
High priority
 priority/low
Low priority
 priority/medium
Medium priority
 ui/ux
UI/UX work
No Label enhancement frontend priority/medium
Milestone
No items
No Milestone UI/UX Overhaul v1.0
Projects
Clear projects
No project
Assignees
Clear assignees
TopherMayor
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: TopherMayor/cabo-voting-app#2
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?