React Feedback Button for DApp
Budget: $30 – $250 USD
Project Title: Add React Feedback Button to DApp with Discord Webhook ($50 Fixed, ZIP in 2h)
Description:
URGENT: Need a simple React component for feedback button. Deliver as ZIP file (no GitHub access needed).
Goal:
- Floating button (bottom-right) on white bg with green #00FF88 accent
- Click → popup form → POST to Discord webhook
- Mobile responsive, dark mode compatible
Features (3 steps only):
1. Green floating button (bottom-right)
2. Popup form:
- Issue textarea (max 200 chars)
- Screenshot upload (optional, <5MB)
- Wallet address input (optional)
3. "Send" button:
- Show toast: "Received! Reply in 24h"
- POST data to webhook below
- Disable button for 30s cooldown (anti-spam)
Discord Webhook (use this exact one):
https://discord.com/api/webhooks/1432737772199870486/m9WS4WWKYBjtCO-g46E1ICZ-uqnOFxcq0HB5L5uI15QPz6aVlWFCYhgo72pRzRxGi7Ca
Deliverables (ZIP: feedback-button-v1.zip):
1. /components/FeedbackButton.jsx (React component)
2. README.md with install steps:
Unzip to src/components/
Add to .env: DISCORD_WEBHOOK=above_link
Import in App.jsx: <FeedbackButton />
npm run build
3. 2-3 screenshots: button, popup, success + Discord message
Acceptance:
- I test locally → message in #dapp-feedback with @here → full $50 via Freelancer escrow
No backend, no login required. Pure frontend POST.
Budget: $50 fixed. Deadline: 2 hours after hire. Start now!
3. 2-3 screenshots: button, popup, success + Discord message
Acceptance:
- I test locally → message in #dapp-feedback with @here → full $50 via Freelancer escrow
No backend, no login required. Pure frontend POST.
Budget: $50 fixed. Deadline: 2 hours after hire. Start now!
Description:
URGENT: Need a simple React component for feedback button. Deliver as ZIP file (no GitHub access needed).
Goal:
- Floating button (bottom-right) on white bg with green #00FF88 accent
- Click → popup form → POST to Discord webhook
- Mobile responsive, dark mode compatible
Features (3 steps only):
1. Green floating button (bottom-right)
2. Popup form:
- Issue textarea (max 200 chars)
- Screenshot upload (optional, <5MB)
- Wallet address input (optional)
3. "Send" button:
- Show toast: "Received! Reply in 24h"
- POST data to webhook below
- Disable button for 30s cooldown (anti-spam)
Discord Webhook (use this exact one):
https://discord.com/api/webhooks/1432737772199870486/m9WS4WWKYBjtCO-g46E1ICZ-uqnOFxcq0HB5L5uI15QPz6aVlWFCYhgo72pRzRxGi7Ca
Deliverables (ZIP: feedback-button-v1.zip):
1. /components/FeedbackButton.jsx (React component)
2. README.md with install steps:
Unzip to src/components/
Add to .env: DISCORD_WEBHOOK=above_link
Import in App.jsx: <FeedbackButton />
npm run build
3. 2-3 screenshots: button, popup, success + Discord message
Acceptance:
- I test locally → message in #dapp-feedback with @here → full $50 via Freelancer escrow
No backend, no login required. Pure frontend POST.
Budget: $50 fixed. Deadline: 2 hours after hire. Start now!
3. 2-3 screenshots: button, popup, success + Discord message
Acceptance:
- I test locally → message in #dapp-feedback with @here → full $50 via Freelancer escrow
No backend, no login required. Pure frontend POST.
Budget: $50 fixed. Deadline: 2 hours after hire. Start now!
Related categories:
PHP
JavaScript
CSS
jQuery / Prototype
Web Development
Frontend Development
API Integration
Discord API