Betreuungssystem
Im Rahmen dieses Projekts habe ich eine mehrsprachige Webanwendung mit Node.js entwickelt, die verschiedene Benutzerrollen (Admin, Betreuer) unterstützt.
Die wichtigsten Funktionen:
Individuelle Navigation: Ein dynamisches, kreisförmiges Menü (ähnlich wie bei Smartwatches), das über ein separates HTML-Partial und JavaScript in jede Seite eingebunden wird.
Benutzerverwaltung und Authentifizierung: Sichere Anmeldung über JWT-Token, getrennte Zugriffsrechte für Administratoren und Betreuer.
Admin-Panel: Verwaltung von Aufträgen, Kunden und Betreuern über eine interaktive Oberfläche mit Tabellen und Formularen.
Betreuer-Panel: Persönliche Auftragsübersicht sowie ein integrierter Kalender (FullCalendar) zur Visualisierung von Einsatzzeiten.
Visuelles Design: Ein dekorativer Bilderrahmen im Stil klassischer Gemälde („Dame mit dem Hermelin“) wurde mit CSS3 umgesetzt. Bilder erscheinen leicht transparent, während die Rahmen durch Schatten- und 3D-Effekte eine realistische Tiefe erhalten – wie ein Gemälde an der Wand.
Technologien:
Node.js / Express für das Backend
PostgreSQL als Datenbank
JWT für Authentifizierung
Vanilla JavaScript, HTML5, CSS3 für Frontend und UI-Effekte
FullCalendar für Termin- und Einsatzplanung
Dieses Projekt kombiniert funktionale Backend-Logik mit moderner, kreativer Frontend-Gestaltung und zeigt, wie sich Technik und Design verbinden lassen, um eine benutzerfreundliche Lösung für Pflege- und Verwaltungsprozesse zu schaffen.
Die wichtigsten Funktionen:
Individuelle Navigation: Ein dynamisches, kreisförmiges Menü (ähnlich wie bei Smartwatches), das über ein separates HTML-Partial und JavaScript in jede Seite eingebunden wird.
Benutzerverwaltung und Authentifizierung: Sichere Anmeldung über JWT-Token, getrennte Zugriffsrechte für Administratoren und Betreuer.
Admin-Panel: Verwaltung von Aufträgen, Kunden und Betreuern über eine interaktive Oberfläche mit Tabellen und Formularen.
Betreuer-Panel: Persönliche Auftragsübersicht sowie ein integrierter Kalender (FullCalendar) zur Visualisierung von Einsatzzeiten.
Visuelles Design: Ein dekorativer Bilderrahmen im Stil klassischer Gemälde („Dame mit dem Hermelin“) wurde mit CSS3 umgesetzt. Bilder erscheinen leicht transparent, während die Rahmen durch Schatten- und 3D-Effekte eine realistische Tiefe erhalten – wie ein Gemälde an der Wand.
Technologien:
Node.js / Express für das Backend
PostgreSQL als Datenbank
JWT für Authentifizierung
Vanilla JavaScript, HTML5, CSS3 für Frontend und UI-Effekte
FullCalendar für Termin- und Einsatzplanung
Dieses Projekt kombiniert funktionale Backend-Logik mit moderner, kreativer Frontend-Gestaltung und zeigt, wie sich Technik und Design verbinden lassen, um eine benutzerfreundliche Lösung für Pflege- und Verwaltungsprozesse zu schaffen.