Hero
- Status
- Live
- Rolle
- Alleiniger Entwickler
- Adresse
- hero.ai-ronaghi.de
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.
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