๐Ÿš€ Kanban Feedback System

Complete Node.js feedback management system with APIs for seamless integration into any website or application.

โœ… Node.js API Ready โœ… Database Connected โœ… Widget Available

๐ŸŽฏ Quick Links

Dashboard Login Demo Dashboard Download Widget

๐Ÿ”— Integration Methods

1. JavaScript Widget

Add a feedback button to any website with one line of code:

<script src="/widget.js"></script> <div data-feedback-widget data-api-key="your-api-key"></div>

2. Direct API Integration

Send feedback directly from your applications:

fetch('/api/public/feedback', { method: 'POST', headers: { 'Authorization': 'Bearer your-api-key', 'Content-Type': 'application/json' }, body: JSON.stringify({ title: 'Bug Report', description: 'Description here', priority: 'HIGH', category: 'BUG' }) })

3. HTML Form Integration

Connect existing contact forms to send data to the API:

<form action="/api/public/feedback" method="POST"> <input name="title" placeholder="Issue title" required> <textarea name="description"></textarea> <select name="priority"> <option value="LOW">Low</option> <option value="MEDIUM">Medium</option> <option value="HIGH">High</option> </select> <button type="submit">Submit</button> </form>

4. Webhook Integration

Receive data from external services and forms:

# Zapier, IFTTT, or custom webhooks POST /api/public/feedback { "title": "From Contact Form", "description": "User message", "userEmail": "user@example.com", "sourceUrl": "https://mysite.com/contact" }

๐Ÿงช Live API Testing

Test Public Feedback API

Click the button below to test submitting feedback via the API:

Test Widget Integration

The feedback widget is already loaded on this page! Look for the blue button in the bottom-right corner.

Widget Active

๐Ÿ“‹ Available API Endpoints

Public APIs (External Integration)

POST /api/public/feedback # Submit feedback from external sources GET /api/public/feedback # List recent feedback (monitoring)

Dashboard APIs (Authenticated)

GET /api/websites # List user's websites POST /api/websites # Create new website GET /api/boards # List user's boards POST /api/boards # Create new board GET /api/boards/[id] # Get board details PUT /api/boards/[id] # Update board POST /api/cards # Create new card GET /api/cards/[id] # Get card details PUT /api/cards/[id] # Update card PUT /api/cards/[id]/move # Move card between columns

Authentication

# Public API - Use API Key in Authorization header Authorization: Bearer your-api-key # Dashboard API - Use NextAuth.js session # Login at /app.html with: admin@example.com / password

๐Ÿ’พ Database Schema

The system includes a complete database schema with:

๐Ÿš€ Quick Start Guide

For Website Integration:

  1. Add the widget script to your website
  2. Get your API key from the dashboard
  3. Configure the widget with your board/website ID
  4. Start collecting feedback!

For App Integration:

  1. Use the public feedback API endpoint
  2. Include your API key in requests
  3. Send feedback data as JSON
  4. Monitor submissions via the dashboard