Proftime

MBVon Malte Budig
Proftime

Proftime ist eine moderne Webanwendung zur digitalen Planung und Abrechnung von Lehrverpflichtungen an Hochschulen. Im Rahmen eines Studienprojekts entwickelte Malte Budig ein intuitives und skalierbares System, das auf React, TanStack Query, Shadcn UI und Keycloak basiert. Die Anwendung bietet rollenbasierte Ansichten, barrierefreie Formulare, editierbare Tabellen und eine modulare Architektur – ein Beitrag zur Digitalisierung und Effizienzsteigerung im Hochschulbetrieb.

🚀 Digitale Hochschulverwaltung neu gedacht – Mein Studienprojekt „Proftime“

Von Malte Budig – 21. April 2025

Die Planung und Abrechnung von Lehrverpflichtungen (Deputaten) an Hochschulen ist oft noch ein Papierkrieg – unübersichtlich, fehleranfällig und zeitaufwendig. Genau hier setzt mein Studienprojekt an: Proftime ist eine moderne, webbasierte Anwendung, die Prozesse rund um Veranstaltungen, Lehrlast und Abrechnung für Hochschulmitarbeitende digitalisiert und vereinfacht.

In diesem Blogbeitrag zeige ich, wie ich gemeinsam mit modernen Tools wie React, TanStack, Keycloak & Co. ein skalierbares System mit durchdachter Architektur und hohem Nutzwert entwickelt habe.


🎯 Das Ziel: Weniger Excel, mehr Klarheit

Professorinnen und Dekaninnen standen im Fokus der Nutzerbedürfnisse:

  • Professor*innen: Veranstaltungen planen, Deputate einreichen und abrechnen
  • Dekan*innen: Übersicht über die Fakultätsplanung, Genehmigungen und Deputatsnachlässe

Mein Ziel war es, ein System zu entwickeln, das intuitiv, modular, wartbar und sicher ist – und dabei den komplexen Hochschulalltag vereinfacht.

Screenshot Startseite


🧱 Die technische Basis: Modern, modular, robust

Die Anwendung basiert auf einem React-Frontend mit TypeScript und einer Spring Boot REST-API im Backend. Im Frontend kamen unter anderem folgende Technologien zum Einsatz:

  • TanStack Router & Query – für modernes Routing und Datenhandling mit Typensicherheit
  • Shadcn UI – für ein sauberes, individuelles UI mit hoher Anpassbarkeit
  • React Hook Form + Zod – für typisierte, validierte Formulare
  • i18next – für eine durchdachte Mehrsprachigkeit
  • Keycloak – für sicheres Login und rollenbasierte Zugriffskontrolle

Die komplette Architektur wurde modular aufgebaut, inklusive Docker-basierter Dev-Umgebung und einem durchdachten Komponenten- und Schemamanagement.


🧑‍💻 UX & Features: Effizient, barrierearm, durchdacht

Der Fokus lag klar auf Benutzerfreundlichkeit:

  • Klar strukturierte UI mit Sidebar, Header, Actionbars
  • Rollenspezifische Sichtweisen (Professor vs. Dekan)
  • Wiederverwendbare Tabellen mit Inline-Editing
  • Dialoge und Formulare mit Validierung und Barrierefreiheit
  • Mehrsprachigkeit ab dem ersten Commit
  • Übersichtliche, typisierte Datenstruktur und Filterlogik

Screenshot Tabelle mit Inline-Editing

Dank eines RBAC-Systems (Role-Based Access Control) wird sichergestellt, dass Nutzer*innen nur das sehen, was für sie relevant ist – mit klarer Zugriffskontrolle und hoher Sicherheit.

Rollenspezifische UI


🧪 Qualität & Skalierbarkeit

Das System wurde mit Fokus auf Testbarkeit und Erweiterbarkeit konzipiert:

  • Modular aufgebaute, typisierte Komponenten
  • Unit- und Integrationstests für Datenflüsse und UI
  • Zentrale Typ- und Schema-Definitionen mit Zod
  • Klare Trennung von Logik, Struktur und Styling

Im Ausblick: CI/CD-Anbindung, End-to-End-Tests und Accessibility-Optimierungen nach WCAG.

✨ Fazit: Ein digitaler Boost für den Hochschulalltag

Proftime ersetzt ein veraltetes E-Mail-System durch eine smarte Lösung, die Planungs- und Abrechnungsprozesse nicht nur digitalisiert, sondern auch intuitiv, effizient und zukunftsfähig macht. Die Anwendung bietet eine solide Basis für weitere Funktionen – vom Genehmigungsworkflow über Exporte bis hin zu automatisierten Reports.

Mein Learning: Wenn Technik auf echte Nutzerbedürfnisse trifft, entsteht Software, die wirklich hilft.


Leider ist der Quellcode nicht öffentlich zugänglich

Projektinformationen

Veröffentlicht am:4/21/2024
Aktualisiert am:4/21/2024
Von:Malte Budig

Tags

reactshadcnuitanstack query