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