Building a feedback widget that sparks joy
summary
Builds a live feedback widget with Next.js that sends user-submitted feedback via email (Postmark) and exposes a POST /api/feedback endpoint. Uses Radix dialog, react-hook-form for inputs, Zod for validation and react-query mutation to send data, styled with TaiwlindCSS and animated with framer-motion. Uploader also lists Upstash Redis for backend needs. The demo actually delivers email confirmations and shows client-side loading, success, and error handling.
AI-written summary · about
chapters (8)
- 0:00Introduction to feedback
- 3:11Widget design and concept
- 6:16Building the UI with Radix
- 10:06Form handling with React
- 14:28Frontend data submission
- 19:36Creating the API endpoint
- 25:58Sending emails with Postmark
- 28:49Future improvements
related talks
27mEnhancing Forms with React Server Components
20mEnhancing Forms with React Server Components
28mEnhancing Forms with React Server Components
59mJavaScript for emails, are you sure?
59mJavaScript for emails, are you sure?
27mEnhancing Forms with React Server Components and React 19
21mReact Rhythm & Blues
02h 51mEnliven UX with React/Redux