Web Development
Entwicklung des Web-Portals für den iF Design Award
Entwicklung eines modernen Web-Portals für die weltweite Einreichung und Verwaltung von Design-Projekten
Im Rahmen meiner Tätigkeit bei der Flavia IT(opens in a new window) hatte ich Anfang 2023 die Gelegenheit, an einem anspruchsvollen Web-Projekt für den renommierten iF Design Award mitzuwirken. Ziel war die Entwicklung eines modernen Web-Portals, über das Unternehmen und Designer weltweit ihre Projekte einreichen und verwalten können. Die Jury des Awards kann das Portal nutzen, um die eingereichten Produkte zu durchforsten und zu verwalten.
Technologien und Architektur
Das Frontend wurde mit Angular entwickelt und orientierte sich stets an der aktuellsten Version des Frameworks. Dabei setzten wir auf RxJS zur reaktiven Programmierung sowie Angular Material als Basis unseres UI-Frameworks. Allerdings haben wir Angular Material umfassend angepasst, um ein eigenständiges, individuelles Design-System zu schaffen, das exakt auf die Markenidentität des iF Design Awards abgestimmt war.
Übersicht der eingereichten Projekte im Web-Portal.
Im Backend nutzten wir Java Spring Boot in Kombination mit einer PostgreSQL-Datenbank. Der gesamte Entwicklungsprozess war agil organisiert und wurde über Azure DevOps gesteuert, wodurch Transparenz und Effizienz im Team von etwa acht Personen gewährleistet waren.
Aufgaben und Herausforderungen
Zu meinen zentralen Aufgaben gehörte die Entwicklung komplexer Fullstack-Features. Dazu zählten insbesondere umfangreiche Formulare mit detaillierter Validierungslogik und das sogenannte Mastering-Dashboard. Dieses Dashboard ermöglichte der Jury des Awards, alle eingereichten Projekte effizient und präzise auf Vollständigkeit und Korrektheit der Daten zu überprüfen. Technisch zeichnete sich dieses Dashboard durch komplexe Tabellenstrukturen mit mehreren Layern, zahlreichen Filtermöglichkeiten und umfangreicher Interaktivität aus.
Mastering-Dashboard für die Jury zur Überprüfung der Projekte, gefüllt mit Beispieldaten.
Ein weiterer wesentlicher Bestandteil waren benutzerfreundliche und komplexe Formulare für die Dateneingabe. Diese beinhalteten umfangreiche Validierungen, beispielsweise für Liefer- und Einreichungsoptionen der Nutzer.
Komplexes Formular mit Validierung und Einreichungsoptionen für die Nutzer.
Qualitätssicherung
Qualitätssicherung war ebenfalls ein wesentlicher Bestandteil unserer Arbeit. Im Frontend wurden umfassende End-to-End-Tests mit Cypress implementiert, die bei jeder Änderung kontinuierlich gepflegt wurden, um die Kernfunktionalitäten der Anwendung zuverlässig abzusichern. Im Backend-Bereich legten wir großen Wert auf umfassende Unit Tests, die eine hohe Stabilität und dauerhafte Zuverlässigkeit der gesamten Applikation gewährleisteten.
Erkenntnisse und Mehrwert
Das Projekt ermöglichte es mir, wertvolle Erfahrungen in der Entwicklung von Features über die gesamte Applikation hinweg zu sammeln. Insbesondere das Arbeiten mit komplexen Codebases, das effiziente Debugging von bestehendem Code sowie die enge Zusammenarbeit in einem agilen Team (Scrum mit Azure DevOps) haben meine technischen Kompetenzen deutlich erweitert.
Diese Erfahrungen bilden für mich eine wichtige Grundlage, um zukünftig anspruchsvolle Projekte insbesondere im Bereich Angular-Development eigenständig und effektiv umzusetzen.