Vote confirmation animation and social toast #3

New Issue

TopherMayor · 2026-04-29T03:55:14Z

TopherMayor commented

2026-04-29 03:55:14 +00:00

Problem

When you vote, there's a subtle visual change but no satisfying feedback. Other voters don't see activity happen live.

Proposed Solution

On vote: animate the vote bar fill with a spring animation + flash of color
Broadcast vote events to all clients with voter name
Show a transient toast: "Chris voted for Grand Fiesta Americana!" (auto-dismiss 3s)
Option card gets a subtle glow/pulse when it receives a new vote from ANY user

Acceptance Criteria

Vote bar animates smoothly (500ms spring curve) when votes change
Toast appears bottom-center, auto-dismisses after 3s
Toast shows the voter's name and option name
No toast for the person who just voted (they know what they voted for)

## Problem When you vote, there's a subtle visual change but no satisfying feedback. Other voters don't see activity happen live. ## Proposed Solution - On vote: animate the vote bar fill with a spring animation + flash of color - Broadcast vote events to all clients with voter name - Show a transient toast: "Chris voted for Grand Fiesta Americana!" (auto-dismiss 3s) - Option card gets a subtle glow/pulse when it receives a new vote from ANY user ## Acceptance Criteria - [ ] Vote bar animates smoothly (500ms spring curve) when votes change - [ ] Toast appears bottom-center, auto-dismisses after 3s - [ ] Toast shows the voter's name and option name - [ ] No toast for the person who just voted (they know what they voted for)

TopherMayor added the ui/ux frontend priority/medium labels 2026-04-29 03:55:15 +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.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: TopherMayor/cabo-voting-app#3