React Feedback Collector

A lightweight React component for collecting user feedback with emoji ratings. Hook up your own backend or use Feedbee for tracking and insights out of the box.

Features

• 🎭 3-emoji rating system (😞 😐 😊) with optional comments
• 🚀 Zero setup - no backend required
• 📱 Mobile responsive with accessible design

Getting Started

1. Get Your Client Id

Visit feedbee.willsmithte.com to get your unique clientId for free

2. Install the Package

npm install react-feedback-collector

3. Add to Your React App

Import the component:

import { FeedbackWidget } from "react-feedback-collector";

Add to your app:

<FeedbackWidget clientId="your-client-id-from-dashboard" />

4. View Your Feedback

All feedback appears instantly in your dashboard at feedbee.willsmithte.com

Usage

Basic Configuration

<FeedbackWidget clientId="your-client-id" />

With Options

<FeedbackWidget
  clientId="your-client-id"
  position="right" // "right" | "left" (default: "right")
  title="Share Your Feedback"
  placeholder="Tell us what you think..."
  environment="prod"
/>

Props

| Prop | Type | Default | Description | | ---------- | --------------------- | ----------------------- | ----------------------------------- | | clientId | string | Required | Your unique client identifier. | | position | 'right' | 'left' | 'right' | Position of the feedback button. | | title | string | 'Share Your Feedback' | Header title for the feedback form. |

For a full list of available props, see the Props documentation.