Back to battles
mediumupcoming
Feedback Widget
An embeddable feedback widget with screenshots, ratings, and dashboard.
30 min limit0 participants
javascriptcssui
PRD
# Feedback Widget PRD ## Overview Build an embeddable feedback widget with a floating button, screenshot annotation, star ratings, and a full feedback management dashboard with filtering and analytics. ## Requirements - Floating feedback button positioned at the bottom-right corner of the page - Feedback form with fields: type (bug, feature request, general), title, description, rating (1-5 stars), and optional email - Screenshot annotation capability allowing users to draw rectangles and arrows on the captured area (using html2canvas or dom-to-image concept) - Automatic browser and OS information capture attached to each submission - Priority auto-assignment based on the star rating (low rating equals high priority) - Feedback list dashboard showing all submitted feedback - Filter feedback by type, status, or priority - Status management workflow: new, in-progress, resolved, closed - Respond to feedback items with admin replies - Search feedback by title or description text - Export all feedback as a CSV file - Tag system for categorizing feedback items - Upvote existing feedback to signal agreement and avoid duplicates - Statistics overview showing counts by type and average rating - Dark and light theme toggle - Responsive layout for the dashboard - Persist all feedback and settings to localStorage ## Tech Stack - HTML, CSS, JavaScript (vanilla or any framework) - Canvas API for screenshot annotation — no screenshot libraries ## Scoring Criteria - **Functional (40%)**: Feedback submission, dashboard display, and status management work correctly - **Quality (20%)**: Clean code, smooth widget interactions, handles edge cases (empty fields, large screenshots) - **Fidelity (25%)**: All features implemented including annotation, auto-priority, statistics, export, upvoting - **Speed (15%)**: Time bonus
Battle Stats
Time Limit30 min
Participants0
Statusupcoming
Rules
- AI-assisted coding tools only -- no manual edits
- Stay within the time limit
- Scoring based on correctness, code quality, and speed
- Session must be recorded via the CLI