🤖 Bildkunst Chatbot Widget

🚀 Aktuelle Features

🤖 Anthropic Claude API

Integration mit Claude 3.5 Sonnet für intelligente Antworten

📚 Automatisches FAQ Scraping

Automatisches Scrapen von bildkunst.de/faq/ bei Serverstart

🔍 Intelligente Duplikat-Erkennung

Fuzzy-Matching und Normalisierung für saubere FAQ-Daten

🌐 Erweiterte CORS-Unterstützung

Vollständige CORS-Konfiguration mit Preflight-Support

⚡ Rate Limiting

Intelligente Drosselung für API-Anfragen

📊 Logging & Monitoring

Umfassendes Logging aller Chat-Anfragen

🔧 Backend API Endpoints

💬 Chat

POST
/chatbot/api/v1/chat

Hauptendpunkt für Chat-Anfragen mit Anthropic Claude

📚 FAQ Daten

GET
/chatbot/api/v1/faq

Alle gescrapten FAQ-Daten abrufen

📊 FAQ Status

GET
/chatbot/api/v1/faq/status

Status des FAQ Scraping-Prozesses

🔄 FAQ Refresh

POST
/chatbot/api/v1/faq/refresh

Manuelles Neuscrapen der FAQ-Daten

🔍 FAQ Suche

GET
/chatbot/api/v1/faq/search

Semantische Suche in FAQ-Daten

🏷️ FAQ Kategorien

GET
/chatbot/api/v1/faq/categories

Verfügbare FAQ-Kategorien

💾 Konversationen

GET
/chatbot/api/v1/conversations

Chat-Verlauf und Konversationsmanagement

❤️ Health Check

GET
/chatbot/api/v1/health

API-Gesundheitsstatus

🧪 Testen Sie den Chatbot

Klicken Sie auf das Chat-Icon unten rechts und stellen Sie eine der folgenden Fragen:

Hinweis: Der Chatbot verwendet echte FAQ-Daten von bildkunst.de und die Anthropic Claude API für intelligente Antworten.

🎯 Positionierung

Das Chat-Icon wird automatisch basierend auf dem position Parameter positioniert:

  • bottom-right (Standard): Unten rechts
  • bottom-left: Unten links
  • top-right: Oben rechts
  • top-left: Oben links

Doppelklick auf das Chat-Icon setzt die Position zurück.

📊 Technische Details

Frontend

React 18, TypeScript, Tailwind CSS, Zustand

Backend

Node.js, Express, Anthropic API, Cheerio

Daten

Automatisches FAQ Scraping, JSON Storage

Sicherheit

CORS, Rate Limiting, Helmet, Validation

🚀 Deployment & Docker

🔧 Entwicklung & Debugging