Build a Poll Widget with Live Results & Confetti

Question

Accepted Answer

**Requirements** - Poll with 2–4 options, single vote per user (persist via localStorage); show total votes. - On vote, animate bars to new percentages (CSS width transition) and highlight selected option; optimistic update with rollback. - Show voters avatars (optional), share button (Web Share API / copy link), and poll expiry countdown. **Architecture** - State `poll: {id, question, options: [{id,label,votes}], votedId}`. `total = sum(votes)`, `pct = votes/total*100`. - Vote: `setPoll(p=> updateVote(p, optionId)); try { await api.vote(id)} catch{ rollback }` + `localStorage.setItem("poll:"+id, optionId)`. - Bars: `

`. - Expiry: `setInterval` to compute `remaining`. **What interviewers look for:** single-vote guard, percentage math, transition, optimistic + persist, share API fallback. **Reference implementation** ```jsx export function PollWidget({ poll: initial }) { const [poll, setPoll] = React.useS

Build a Poll Widget with Live Results & Confetti

Understand the problem

Attempt it yourself

Study the solution

Solution ready — 2 min read

Join the discussion

Discussion (0)

KEEP THE
STREAK ALIVE.

Understand the problem

Attempt it yourself

Study the solution

Solution ready — 2 min read

Join the discussion

Discussion (0)

KEEP THESTREAK ALIVE.

KEEP THE
STREAK ALIVE.