Meine Projekte

Ausgewählte Anwendungen, die ich entworfen, gebaut und ausgeliefert habe, vom Datenmodell bis zur Oberfläche.

Hero

Webanwendung, 2026

Status
Live
Rolle
Alleiniger Entwickler

Eine Anwendung für die Schichtplanung: Dienstplan, Urlaubsanträge und die Tauschbörse für den Diensttausch gebündelt an einem Ort, statt über mehrere Wege verteilt.

Alle drei sind inzwischen umgesetzt. Den Dienstplan eines Monats importiert ein Admin aus der Excel- oder CSV-Datei der Dienstplaner; jedes Mitglied sieht danach nur seinen eigenen Monat als farbcodierten Kalender und kann einen Tag direkt von dort zum Tausch anbieten. Wunschfrei und Urlaub werden in der Anwendung beantragt und landen erst im Dienstplan, wenn ein Admin sie genehmigt.

In der Diensttausch-Börse gibt jede Anzeige an, was geboten und was dafür gesucht wird; das schwarze Brett zeigt alle offenen Anzeigen, getrennt nach Geschlecht und mit Namens- sowie Schichtart-Filtern. Ein eigenes Admin-Panel verwaltet Konten, Anzeigen, Dienstpläne und Anträge, mit einer abgesicherten „Als Nutzer ansehen"-Funktion und einem Protokoll jeder Admin-Aktion. Als einziges Modul steht noch der Jahresplan aus.

Startseite von Hero: die Überschrift „Willkommen bei Hero - Dein digitaler Dienstbegleiter.“, eine Reihe farbiger Schicht-Kürzel (Früh/Spät/Nacht/Frei), die Buttons „Jetzt Anmelden“ und „Konto Erstellen“, darunter drei Kacheln für Dienstplan, Urlaub beantragen und Tauschbörse.
Startseite von hero.ai-ronaghi.de mit den drei Bausteinen Dienstplan, Urlaub und Tauschbörse, inzwischen alle im Einsatz.

Was die Anwendung leistet

  • Registrierung und Anmeldung inkl. selbstständigem Passwort-Reset
  • Eigener Dienstplan als farbcodierter Monatskalender mit Feiertagen, Monatsauswertung und PDF-Download
  • Einen Tag aus dem Dienstplan direkt zum Tausch anbieten
  • Wunschfrei und Urlaub beantragen; ein Admin genehmigt oder lehnt jeden Antrag ab
  • Diensttausch-Anzeigen einstellen: Tag oder Block, Biete und Suche
  • Schwarzes Brett mit Geschlechter-Spalten sowie Namens- und Schichtart-Filtern
  • Eigene Anzeigen bearbeiten, im Status ändern oder zurückziehen
  • Admin-Panel: Nutzer, Anzeigen, Dienstplan-Import aus Excel/CSV, Antragsprüfung, „Als Nutzer ansehen" und Aktionsprotokoll

Wie sie gebaut ist

  • Next.js 16 (App Router, Turbopack) mit React 19 und TypeScript
  • Tailwind CSS v4 mit shadcn/ui auf Base UI
  • Supabase (Postgres + Auth) ohne ORM
  • react-hook-form mit Zod-Validierung
  • SheetJS liest hochgeladene Dienstplan-Tabellen (.xlsx / .csv) serverseitig ein
  • Deployment auf Render

Technik: Next.js, React, TypeScript, Tailwind CSS, Supabase, shadcn/ui, Render

Hero öffnen

Dienstplan

Webanwendung, 2026

Status
Live
Rolle
Alleiniger Entwickler

Ein schwarzes Brett für den Diensttausch: Wer eine Schicht abgeben möchte, stellt eine Anzeige ein: mit dem Dienst, den er bietet, und dem, den er dafür sucht. Beides steht in derselben Anzeige, und wer etwas Passendes findet, meldet sich direkt beim Anbieter.

Die Aufgabe der Anwendung endet, sobald sich zwei gefunden haben: Den vereinbarten Tausch meldet das Paar selbst beim Betriebsbüro, und nur dort wird der Dienstplan geändert. Die Anwendung plant keine Dienste und verändert keinen Dienstplan. Diese Grenze ist bis in die Oberfläche hinein sichtbar gehalten.

Startseite von Dienstplan: links zwei Beispielanzeigen, die zueinander passen: eine bietet einen Nachtdienst und sucht einen Frühdienst, die andere umgekehrt. Rechts die Überschrift „Tauschpartner finden. Den Rest regelt ihr.“ Darunter die drei Schritte eines Tauschs.
Startseite von fs.ai-ronaghi.de mit zwei Beispielanzeigen, die zueinander passen, und dem Ablauf eines Tauschs. Schritt 03, der Eintrag beim Betriebsbüro, steht bewusst außerhalb der Anwendung.

Was die Anwendung leistet

  • Anzeigen einstellen: Biete und Suche in einem Formular
  • Schwarzes Brett mit allen offenen Anzeigen samt Kontaktdaten
  • Eigene Anzeigen bearbeiten, im Status ändern oder zurückziehen
  • Konten, Profile und geschützte Bereiche je Rolle
  • Eigenes Panel für das Betriebsbüro
  • Zugang nur per Einladung vom Betriebsbüro, mit Warteliste unter /signup
  • Schwarzes Brett kostenlos einsehbar; eigene Anzeigen und Einladungen erst mit der Mitgliedschaft „Karo Lite" (2,50 $/Monat) nach der Probezeit

Wie sie gebaut ist

  • Next.js 16 (App Router) mit React 19 und TypeScript
  • Tailwind CSS v4 mit eigenem Token-System, in dem Farbe für die Schichtart steht
  • Anmeldung und Konten über Clerk
  • Neon Postgres mit Drizzle ORM, durchgängig relational modelliert
  • Jede Seite, Route und Server Action prüft ihre Berechtigung selbst
  • Deployment auf Vercel

Technik: Next.js, React, TypeScript, Tailwind CSS, Clerk, Neon Postgres, Drizzle ORM, Vercel

Dienstplan öffnen