Fobu – Formular-Builder

High-End-Formular-Builder für Umfragen, Feedback, Anmeldungen, Leads und Bestellungen. Schnellster Editor, drei Darstellungsmodi (klassisch, conversational, Funnel), Datenschutz und Barrierefreiheit von Anfang an mitgedacht (Aufbewahrungsfristen, Auskunft/Löschung, Tastatur- und Screenreader-Bedienung) – eine rechtliche Konformitätsprüfung ersetzt das nicht.

Funktionen (Auswahl)

• Editor mit Bereichen Inhalt · Logik · Design · Verbinden · Antworten, Logikansicht mit Testantworten, Versionen, Veröffentlichung mit Qualitätscheck und Testmodus
• 30 Feldtypen, u. a. Adresse mit Ortsvorschlag, Zeitraum, Betrag/Spende, Bestellliste, SEPA-Lastschriftmandat, E-Mail-Bestätigung per Code, Terminumfrage (wie Doodle/Rallly) und Zeitfenster buchen – Übersicht: Feldtypen
• Live-Abstimmung am Beamer (wie Mentimeter/Kahoot): QR-Code, Balken, Wortwolke, Pinnwand mit Freigabe, Quiz mit Countdown und Rangliste
• 51 Vorlagen in elf Bereichen (u. a. Termine & Buchung, Spenden & Bestellungen)
• Wiederholbare Feldgruppen, Auswahl aus Datenquellen (abhängig, mit Vorbelegung), Fortsetzen per Link, Selbstbearbeitung
• Antworten als Arbeitsoberfläche: Bearbeitungsstatus, Zuständigkeit, Massenaktionen, gespeicherte Ansichten; Freigabeprozesse mit Rückfrage und Fristen
• Zahlungen per Stripe, Mollie oder Überweisung – Betrag serverseitig berechnet, Status in der Antwortansicht
• PDF-Antwortkopien, Verbindungen zu Google Sheets, Excel (Microsoft 365), HubSpot und Brevo, Webhooks, API
• Markenpakete, eigene Vorlagen und Bausteinbibliothek
• Anmeldung über Keycloak und jeden anderen OpenID-Connect-Anbieter: Konten beim ersten Login, Gruppen und Rollen werden Fobu-Gruppen zugeordnet

Stand und Herkunft der Funktionen: Produktprüfung & Umsetzungsstand.

Entwicklung

Voraussetzungen: Node.js ≥ 22, pnpm (corepack enable).

pnpm install
pnpm test        # alle Tests
pnpm typecheck   # TypeScript strikt
docker compose up --build   # alles lokal: http://localhost:8080/app/ (admin@fobu.local / admin12345)

Struktur

apps/
  renderer/      # Formulare für Ausfüllende (Preact, ~45 kB gzip, Budget 45 kB; seltene Feldtypen laden nach) – /f/<slug>
  builder/       # Editor (React + Tailwind) – /app/
  api/           # Hono + Drizzle/Postgres – /api
packages/
  schema/        # Zod-Schemas: Formulardefinition, Feldtypen, Logik, Antworten
  engine/        # Logik-Engine: Flow, Variablen, Validierung, Recall, Lint
docs/            # Marktanalyse, Architektur, Produktprüfung

Dokumentation

• Handbuch als PDF – für Anwender*innen und Administration, mit Praxisbeispielen
• Marktanalyse & Feature-Katalog
• Feldtypen und Inhaltsblöcke
• Tech-Stack & Architektur
• Logik-Engine
• Deployment (Portainer)
• Einbetten, Termine, Terminumfrage, Zeitfenster, Warteliste, Storno
• API für Skripte und n8n
• Produktprüfung & Umsetzungsstand

Browser-Tests

e2e/ enthält Playwright-Tests, die ein komplettes Fobu (API mit In-Memory-Datenbank, gebaute Oberflächen) in Chrome und Safari/WebKit durchspielen – u. a. Ausfüllen, Matrix-Darstellung, Editor-Vorschau, Antworten. Sie laufen in der CI vor jedem Image-Build.

pnpm build
pnpm --filter @fobu/e2e exec playwright install chromium webkit   # einmalig
pnpm e2e

Daten Dritter

• Postleitzahlen und Orte (Deutschland, Österreich, Schweiz) für den Ortsvorschlag im Feld „Adresse“: GeoNames, lizenziert unter CC BY 4.0. Erzeugt mit apps/api/scripts/postal-data.mjs.