Einleitung
In diesem Blogbeitrag möchte ich euch meine Webapplikation vorstellen, die ich mithilfe von Laravel und Vue.js entwickelt habe. Sie dient der Verwaltung von Arbeitsstunden in einem Kindergarten. Eltern müssen Arbeitsstunden leisten, um die monatlichen Kosten für sie entsprechend geringer zu halten. Die Applikation erleichtert die Verwaltung dieser Stunden und sorgt für eine übersichtliche Organisation der anfallenden Aufgaben.
Technologien
Die Applikation basiert auf folgenden Technologien:
- Backend: Laravel (PHP) mit MariaDB als Datenbank
- Frontend: Vue.js mit Tailwind CSS und Element Plus für ein modernes und responsives Design
Funktionen im Überblick
Die Webapplikation bietet verschiedene Seiten und Funktionen, die je nach Benutzerrolle zugänglich sind. Hier eine Übersicht:
1. Login-Seite
Jeder Benutzer muss sich authentifizieren, um auf die Applikation zugreifen zu können. Dies geschieht über die Login-Seite.
2. Dashboard
Das Dashboard gibt eine übersichtliche Darstellung der bereits geleisteten und noch offenen Arbeitsstunden. So haben Eltern stets den Überblick über ihre Verpflichtungen.
3. Jobliste
- Nur Benutzer mit der entsprechenden Rolle können die Jobliste einsehen.
- Hier sind alle aktuell offenen Aufgaben aufgelistet, die erledigt werden müssen.
- Benutzer können Jobs annehmen und nach Erledigung den Status auf „erledigt“ setzen.
4. Jobverwaltung
- Nutzer mit der Rolle Jobersteller haben die Möglichkeit, neue Aufgaben anzulegen.
- Sobald ein Nutzer eine Aufgabe erledigt hat, muss der Jobersteller diese abschließend bestätigen.
5. Admin-Bereich
Administratoren haben erweiterte Funktionen zur Verwaltung der Applikation:
- User-Verwaltung: Import und Export von Nutzern in Excel.
- Job-Verwaltung: Export der Jobliste inklusive Grafiken.
- Jahresabschluss: Möglichkeit, die Datenbank am Jahresende zu bereinigen.
- Einstellungen: Anpassung von verschiedenen Systemparametern.
- Kategorien-Verwaltung: Festlegen von Kategorien für verschiedene Jobs.
6. Benutzerprofil
Jeder Nutzer hat eine eigene Profilseite, auf der er seine persönlichen Daten wie Name, E-Mail-Adresse und Passwort ändern kann.
Fazit
Diese Applikation erleichtert die Verwaltung der elterlichen Arbeitsstunden erheblich. Durch die Nutzung von Laravel im Backend und Vue.js mit Tailwind CSS und Element Plus im Frontend konnte eine moderne und benutzerfreundliche Lösung geschaffen werden.
Hast du Anregungen oder Verbesserungsvorschläge? Ich freue mich auf dein Feedback!