Full-Stack-Anwendung
Interface, Anwendungslogik, Datenverarbeitung und Deployment arbeiten als ein zusammenhängendes System.
←Alle ProjekteProjekt 03 / 2024
BAST — Berita Acara Serah Terima Management System.
Full-Stack-EntwicklungUI/UX
BAST ist eine Full-Stack-Webanwendung zur Verwaltung von Berita Acara Serah Terima-Dokumenten und den zugehörigen Verwaltungsdaten in einem strukturierten digitalen Workflow.
Technischer Überblick
Jahr2024
Zeitraum2024
Rolle
Full-Stack-EntwicklerUI/UX-Designer
StatusComplete
Stack
LaravelPHPReactTypeScriptInertia.jsTailwind CSSVitePest
Testing
Pest
Engineering-Highlights
- Server-side RBAC across Super Admin, Admin, and Staff workflows
- Backend-validated document lifecycle with revision, cancellation, archive, and restore transitions
- Server-side PDF generation with automatic document numbering
- UUID route identifiers to avoid exposing incremental database IDs
- Activity logging and two-factor authentication
- Automated quality gates with Pest, Larastan/PHPStan, linting, and TypeScript checks
PROJEKTÜBERBLICK
Ein digitaler Workflow für die Übergabeverwaltung.
BAST ist eine Full-Stack-Webanwendung zur Verwaltung von Berita Acara Serah Terima-Dokumenten und den damit verbundenen Verwaltungsdaten.
Das System verbindet Dokumenterstellung, Datensatzverwaltung, Statusverfolgung, Historie und tägliche Verwaltungsaktionen in einem strukturierten Workflow, sodass jede Übergabe in einem klaren operativen Kontext verwaltet werden kann.
01 / ZWECK
Übergabeverwaltung sollte durch ein System laufen, nicht durch verstreute Dateien.
02 / DAS SYSTEM
Entwickelt für den vollständigen Dokumenten-Workflow.
Ein zentraler Arbeitsbereich zur Verwaltung von Übergabedokumenten, Verwaltungsdaten, Dokumentenstatus und täglichen Systemaktivitäten.
03 / WORKFLOW-LOGIK
Der Dokumentstatus bestimmt, was als Nächstes möglich ist.
BAST behandelt jedes Dokument als Teil eines administrativen Lebenszyklus und nicht als isolierte Datei. Der aktuelle Status bestimmt die relevanten Aktionen, während zugehörige Informationen während des gesamten Prozesses verbunden bleiben.
Der Workflow umfasst Draft, Finalized, Completed und Archived und unterstützt bei Bedarf auch Ausnahmezustände wie Cancelled und Reopened.
04 / PRODUKTERLEBNIS
Ein Workflow über jede Phase hinweg.
Jede Oberfläche repräsentiert einen anderen Teil desselben Verwaltungsprozesses – von der Erstellung und Prüfung von Datensätzen bis zu Dokumentausgabe, Historie, Statuskontrolle und Verwaltung.
05 / DAS SYSTEM AUF EINEN BLICK
Ein fokussiertes System für einen realen Verwaltungsprozess.
Die Anwendung verbindet rollenbasierten Zugriff, statusgesteuerte Dokumentverwaltung, responsive Oberflächen und einen live bereitgestellten Full-Stack-Workflow.
Benutzerrollen
Zugriff und Aktionen orientieren sich an unterschiedlichen Verantwortlichkeiten im Verwaltungsworkflow.
Dokumenten-Lifecycle
Verfügbare Aktionen folgen dem aktuellen Dokumentstatus, anstatt jeden Datensatz gleich zu behandeln.
Live-Projekt
Die Anwendung ist als live bereitgestelltes Webprojekt direkt verfügbar.
06 / SYSTEMDESIGN
Die Oberfläche folgt der Arbeit hinter dem Dokument.
Die zentrale Designaufgabe bestand darin, einen Verwaltungsprozess in eine Oberfläche zu übersetzen, die verständlich bleibt, während Datensätze zwischen Zuständen und Verantwortlichkeiten wechseln.
Dafür müssen Dokumentstatus sichtbar, zusammengehörige Verwaltungsinformationen verbunden, verfügbare Aktionen vorhersehbar und die Erfahrung auf Desktop sowie kleineren Bildschirmen konsistent bleiben. Das Ergebnis ist ein Workflow, der Klarheit über unnötige Interface-Komplexität stellt.
07 / FINALES ERGEBNIS
Ein klarerer Weg zur Verwaltung von Übergaben.
BAST verbindet Dokumentverwaltung, Verwaltungsdaten, Workflow-Status und tägliche Verwaltung in einer fokussierten Full-Stack-Erfahrung.
Live-Projekt ansehen↗