IF DESIGN AWARD WEB PORTAL
A modern web portal for the globally renowned iF Design Award, enabling companies and designers worldwide to submit and manage their projects, with a dedicated interface for jury review.
CONTEXT
During my time at FLAVIA IT in early 2023, I had the opportunity to work on a complex web project for the renowned iF Design Award. The goal was to build a modern portal where companies and designers could submit projects globally, and where the award jury could browse and manage all submissions.
ARCHITECTURE
The frontend was built with Angular, always tracking the latest version of the framework. We used RxJS for reactive programming and Angular Material as our UI foundation, though we extensively customized it to create a distinct design system aligned with the iF Design Award's brand identity.
The backend ran on Java Spring Boot with a PostgreSQL database. The entire development process was organized using Scrum via Azure DevOps, maintaining transparency and efficiency across a team of about eight.
Entry list showing submitted design projects
MY CONTRIBUTIONS
I developed complex full-stack features, including extensive forms with detailed validation logic and the "Mastering Dashboard" — a tool for the jury to efficiently verify all submissions for completeness and data accuracy. The dashboard featured complex table structures with multiple layers, numerous filter options, and extensive interactivity.
Complex submission form with multi-level validation
Another key component was building user-friendly submission forms with comprehensive validations for delivery and submission options.
Mastering dashboard for jury review of submissions
QUALITY ASSURANCE
QA was a core part of our workflow. On the frontend, we implemented comprehensive end-to-end tests with Cypress, continuously maintained with every change to reliably cover the application's core functionality. On the backend, extensive unit tests ensured stability and long-term reliability.
WHAT I LEARNED
This project gave me valuable experience developing features across an entire application stack. Working with a large codebase, debugging existing code efficiently, and collaborating closely in an agile team significantly expanded my technical capabilities — particularly in Angular development.