Im Rahmen des Wintersemesters 2024 wurde eine Webanwendung namens SquadSync entwickelt. Ziel der Anwendung ist die Verwaltung von Aufgaben innerhalb von Teams mit Funktionen zur Verwaltung von Teams und deren Zusammenarbeit. Nutzer können Mitglied in mehreren Teams sein, die jeweils eigene Aufgaben besitzen. Eine Aufgabe kann verschiedene Attribute wie Status, Tags, Assignees und Zeitaufwand enthalten.

Funktionalitäten

Team-Verwaltung

• Ein Super-Admin kann Teams erstellen und verwalten.
• Team-Administratoren können Mitglieder zu ihrem Team einladen.
• Nutzer können in mehreren Teams aktiv sein.

Aufgabenmanagement

• Erstellung und Verwaltung von Aufgaben innerhalb eines Teams.
• Aufgaben können mit Titel, Beschreibung, Deadline, geschätzter Zeit und Status versehen werden.
• Individuelle Statusverwaltung für jedes Team.
• Zuweisung von Aufgaben an Teammitglieder.
• Mehrere Tags pro Aufgabe zur besseren Kategorisierung.

Credential

• Erstellung und Verwaltung von Credentials innerhalb eines Teams.
• Aufgaben können mit Titel, Url, Username, Passwort und Beschreibung versehen werden.

Eingesetzte Technologien

Für die Umsetzung des Projekts wurden folgende Technologien und Tools verwendet:

• Backend: Laravel 12 + Inertia.js 2.0 + PHP 8.4
• Frontend: Vue.js mit TypeScript + Vite + Inertia.js 2.0
• UI-Komponenten: ShadCN-Vue für modernes Design
• Fehler-Logging: Sentry
• Datenbank: MySQL
• Deployment: Laravel Cloud

Herausforderungen

Die größten Herausforderungen während der Entwicklung waren:

• Einarbeitung in Laravel 12.
• Vue mit TypeScript
• Konzeptionierung der Datenstruktur
• Individuelle Status- und Tag-Verwaltung pro Team.
• Implementierung von Assignees.
• Design mit ShadCN-Vue.
• Zeitaufwand.

Learnings

Während des Projekts konnte ich Kenntnisse in folgenden Bereichen gewinnen:

• Tiefergehendes Verständnis von Laravel und Vue.js.
• Nutzung von Laravel Echo für Echtzeit-Updates.
• Sichere Speicherung und Verwaltung von Daten mit Spatie.
• Modularer Aufbau einer skalierbaren Webanwendung.
• Optimierung der Benutzerfreundlichkeit mit ShadCN-Vue.
• Deployment.

Zukünftige Erweiterungen

Mögliche zukünftige Erweiterungen der Anwendung sind:

• Verfeinerung der bisherigem Implementierung
• Code Cleanup
• Erweiterte Filter- und Suchfunktionen für Aufgaben.
• Erinnerungsfunktionen für Deadlines.
• Mobile App mit PWA-Unterstützung.
• Integration mit Kalender- und Projektmanagement-Tools.
• Zeiterfassung.

Deployment

Das Deployment wurde mit der neuen Plattform Laravel Cloud umgesetzt. Hier der Link:

Fazit

SquadSync ist eine leistungsstarke Aufgabenmanagement-Anwendung, die Teams hilft, ihre Arbeit effizient zu organisieren. Die Kombination aus Laravel, Vue.js und modernen UI-Komponenten sorgt für eine intuitive Benutzererfahrung. Mit den geplanten Erweiterungen bietet SquadSync eine solide Grundlage für zukünftiges Wachstum und Optimierung.