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

Sound effects toggle #16

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

Problem

The app is silent — a subtle audio cue on vote would add tactile satisfaction and social FOMO.

Proposed Solution

  • Add a 🔊/🔇 toggle in the header
  • On vote cast: play a short satisfying "pop" sound (Web Audio API, base64-encoded)
  • On receiving a vote from someone else: play a softer "ping" sound
  • Preference stored in localStorage
  • Sounds off by default (or respect prefers-reduced-motion / system mute)

Acceptance Criteria

  • Toggle persists across sessions
  • Sounds are short (<200ms) and pleasant
  • Sounds work on iOS Safari and Android Chrome
  • Respects system "Do Not Disturb" if possible
## Problem The app is silent — a subtle audio cue on vote would add tactile satisfaction and social FOMO. ## Proposed Solution - Add a 🔊/🔇 toggle in the header - On vote cast: play a short satisfying "pop" sound (Web Audio API, base64-encoded) - On receiving a vote from someone else: play a softer "ping" sound - Preference stored in localStorage - Sounds off by default (or respect `prefers-reduced-motion` / system mute) ## Acceptance Criteria - [ ] Toggle persists across sessions - [ ] Sounds are short (<200ms) and pleasant - [ ] Sounds work on iOS Safari and Android Chrome - [ ] Respects system "Do Not Disturb" if possible
TopherMayor added the frontendenhancementpriority/low labels 2026-04-29 03:55:23 +00:00
TopherMayor added this to the UI/UX Overhaul v1.0 milestone 2026-04-29 03:56:14 +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/low
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#16
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?