operiQ

Modulare B2B-Plattform zur Verwaltung von Organisationen und Teams – Schichtplanung, Zeiterfassung, Urlaub & Krankheit, Umsatz & Analytics, Inventar, Rezept-Validierung und mehr. Where business runs smarter.

Technologie: Next.js 16, React 19, TypeScript, Supabase, Vercel Integrationen: SumUp, Wetter-API, n8n

Zur Website

Das Produkt

Leitidee

Dein Team, eine Plattform. operiQ bündelt die wichtigsten betrieblichen Prozesse in einer einzigen, übersichtlichen Anwendung. Unternehmen aktivieren nur die Module, die sie brauchen – vom Owner konfigurierbar – und erhalten eine einheitliche Oberfläche für alle Rollen (Owner, Manager, Staff).

Zielgruppe

Gastronomie, Einzelhandel und Dienstleister mit mehreren Mitarbeitenden
Organisationen, die Schichtplanung, Zeiterfassung, Urlaubsverwaltung und Umsatzauswertung vereinheitlichen wollen
Teams, die eine schlanke, rollenbasierte Lösung ohne Overhead suchen

Kernfunktionen (Module)

Umsatz & Analytics: SumUp-Anbindung, Transaktionen, Trinkgeld, Tages- und Monatsauswertungen
Schichtplanung: Schichten anlegen, zuweisen, Vorlagen, Urlaubs- und Krankheitsanzeige im Plan
Urlaub & Krankheit: Urlaubsanträge, Genehmigungen, Krankmeldungen, Kalender mit Terminen, Fortbildung als eigene Eintragungsart
Zeiterfassung: Stempeln (Kommen/Gehen), Pausen, Abweichungen, Freigabe durch Vorgesetzte
Inventar: Bestände, Lieferanten, Produkte, Bewegungen, Rezepte
KPI-Dashboard: Kennzahlen, Umsatzprognosen, Wetterdaten als Faktor
Rezept-Validierung: Barcode- und OCR-basierte Rezeptprüfung
User Management: Teammitglieder, Rollen, Positionen, Lohnart, Urlaubskonten, Passwort-Reset

Weitere Aspekte: Wetterdaten für Prognosen, Trinkgeld-Verteilung, monatliche Mitarbeiter-Summary, OAuth (z. B. SumUp), optionale Automatisierung über n8n (API + Shared Secret).

Technologie-Stack

Frontend

Next.js 16 (App Router)
React 19
TypeScript
Tailwind CSS
Radix UI (Dialog, Dropdown, Radio, Label)
Lucide React (Icons)
Chart.js / react-chartjs-2 (Diagramme)

Backend & Infrastruktur

Supabase (PostgreSQL, Auth, RLS, Realtime)
Next.js API Routes (Auth, Vacation, Leave, Shifts, Time-Clock, SumUp, Forecast, Weather, etc.)
Vercel (Hosting, CI/CD)

Architektur & Tooling

Turborepo (Monorepo: @hans/web, @hans/types, @hans/config, @hans/utils)
pnpm
ESLint

Integrationen

SumUp (OAuth, API: Kartenzahlungen, Transaktionen, Trinkgeld)
Wetter-API (Umsatzprognosen)
n8n (Workflow-Automatisierung, API + Shared Secret)

Besondere Umsetzungsdetails

Performance: Einmaliges Laden von Organisation/User/Session im Dashboard-Layout; alle Unterseiten nutzen einen gemeinsamen Auth-Context und vermeiden doppelte API-Aufrufe – spürbar schnellere Ladezeiten.
UX: Einheitliches Grafik-Motiv (operiQ Brand Graphic) auf Startseite, Login, About, AGB, Impressum, Register, im Footer und im Dashboard-Header.
Urlaub & Krankheit: Kalender mit Urlaub, Krankheit und Terminen; Fortbildung als eigene Eintragungsart mit eigener Farbe und Legende; Option „Wochenenden als Urlaubstage zählen“ pro Organisation.
User Management: User-Karten mit Rollen, Status, Lohnart, Positionen; 3-Punkte-Menü (Edit, Passwort zurücksetzen, Positionen) mit korrektem z-index/overflow.
Rechtssicherheit: AGB und Impressum integriert; Datenschutz und Rollenmodell (Owner/Manager/Staff) durchdacht umgesetzt.

Referenz für jkhn.de

operiQ zeigt modulare Full-Stack-Entwicklung mit Next.js 16, React 19, TypeScript, Supabase und Vercel; SumUp und n8n angebunden. Schnelles Dashboard durch zentrales Auth-Loading, einheitliches UI-Design und klare Rollen. Ideal für Referenz: B2B-SaaS, Team- und Organisationsverwaltung, Gastronomie/Einzelhandel.