← Alle Referenzen Case Study

TeamPortal

Projektmanagement das sich wie ein Produkt anfuehlt — nicht wie ein Tool.

Next.js 16 Better Auth Drizzle ORM Claude AI PostgreSQL
TeamPortal Dashboard mit KPI-Cards und Projekt-Uebersicht
112
Komponenten
41
Seiten
18
API Routes
16+
DB Tabellen
Ausgangslage

Die Herausforderung

01

Projektmanagement-Tools wie Jira oder Linear sind maechtig — aber fuer kleine Teams und Solo-Entwickler oft ueberdimensioniert. Die Herausforderung: ein Tool bauen, das Kunden Transparenz gibt und gleichzeitig den Entwickler-Workflow nicht bremst.

02

Zusaetzlich sollte KI nicht nur ein Buzzword sein, sondern echte Arbeit abnehmen — Tickets automatisch erstellen, Kontext verstehen, und mit GitHub-Branches arbeiten.

Loesung

Wie wir gebaut haben

Next.js 16 App Router mit Better Auth fuer rollenbasierte Zugaenge (Superadmin, Admin, Kunde). Drizzle ORM fuer type-safe PostgreSQL-Queries. Claude AI generiert Tickets aus natuerlicher Sprache. GitHub API Integration fuer Branch-Vergleiche und PR-Management direkt im Portal.

FrameworkNext.js 16 (App Router)
AuthBetter Auth + RBAC
DatabasePostgreSQL + Drizzle ORM
AIClaude API (Anthropic)
IntegrationsGitHub API, Telegram Bot
DeploymentVercel + Hetzner VPS
Features

Was alles drinsteckt

01

Kanban Board

Drag-and-Drop Ticket-Management mit 5 Spalten, Labels und Prioritaeten.

02

KI-Ticket-Generierung

Claude AI erstellt Tickets aus natuerlicher Sprache — komplett mit Beschreibung, Labels und Schaetzung.

03

GitHub Integration

Branch-Vergleiche, PR-Status, Merge direkt aus dem Portal. Kein Tool-Wechsel mehr.

04

Zeiterfassung

Live-Timer mit Start/Stop, manuelle Eintraege, Projekt-Zuordnung und Soll/Ist-Vergleich.

05

Statistiken

Recharts-Dashboards mit Commit-Aktivitaet, Ticket-Velocity und Team-Performance.

06

Rollen & Rechte

3-stufiges Rollensystem: Superadmin, Admin, Kunde. Jede Rolle sieht nur was relevant ist.

07

Echtzeit-Updates

Changelog, Forum und Benachrichtigungen halten alle Beteiligten auf dem gleichen Stand.

08

REST API

Externe API fuer KI-Agenten — Tickets erstellen, Status updaten, Kommentare schreiben.

Screens

Die wichtigsten Ansichten

TeamPortal Dashboard mit KPI-Cards
Dashboard

KPI-Cards, Projekt-Uebersicht, Activity-Feed, Quick-Stats

Kanban Board mit 5 Spalten
Kanban Board

5-Spalten Pipeline mit Drag-and-Drop, Labels, Assignees

Dev Status mit Branch-Vergleich develop vs main
Dev Status

Branch-Graph develop vs. main, Testliste mit Commits, Dateiaenderungen und Staging-Link

Recharts-Visualisierungen mit Commit-History
Statistiken

Recharts-Visualisierungen, Commit-History, Velocity

Ergebnis

Was geliefert wurde

Eine Plattform mit 41 Seiten und 112 Komponenten, die taeglich im Einsatz ist. Kunden sehen in Echtzeit den Fortschritt ihrer Projekte — Kanban-Board, Zeiterfassung, Changelogs.

Die KI-Ticket-Generierung spart durchschnittlich 15 Minuten pro Ticket. Die GitHub-Integration eliminiert den Wechsel zwischen Tools komplett.

Projektmanagement das sich anfuehlt wie ein Produkt — nicht wie ein Tool.

Brauchst du auch ein Kunden-Portal?

Ob TeamPortal-Setup für dein Projekt mit uns oder ein eigenes Portal für deine Kunden — 30 Minuten Erstgespräch, kostenlos, ohne Sales-Schleifen.