DFB Eventportal: System Architecture & Full-Stack Development for Enterprise Event Management

export interface User {
firstname: string;
lastname: string;
email: string;
company: string;
mobile: string;
street: string;
streetnumber: string;
zip: string;
city: string;
country: string;
}
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
const BASE_URL = '/api/';
@Injectable({
providedIn: 'root',
})
export class UsersService {
model = 'users';
constructor(private httpClient: HttpClient) {}
getUrl() {
return </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span><span class="token constant">BASE_URL</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span><span class="token keyword">this</span><span class="token punctuation">.</span>model<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">;
}
all(params?) {
return this.httpClient.get(this.getUrl(), { params });
}
create(user) {
return this.httpClient.post(this.getUrl(), user);
}
}

System Architecture & Full-Stack Development for a large-scale event management platform serving the German Football Association. The project involved designing and implementing a complete web application architecture to replace legacy PowerPoint-based workflows.

Architecture Challenge: Design a scalable, multi-tenant system supporting collaborative editing, role-based access control, and complex PDF generation with 350k+ documents generated.

Solution Architecture: Implemented a modern full-stack architecture with Angular 17 frontend (640k LOC), PHP/CakePHP API backend, MySQL database design, and AWS infrastructure (S3, EC2). The system supports real-time collaboration across devices with a hierarchical content structure (chapters, sections, elements).

Technical Implementation: Frontend architecture built with Angular 17, Web Components, and TypeScript ensuring maintainability and scalability. Backend architecture leverages PHP with CakePHP framework for robust API design. Infrastructure deployed on AWS (S3 for file storage, EC2 for compute). Comprehensive test coverage with Jest and Playwright (400+ unit tests). MySQL database architecture optimized for hierarchical event data structures.

System Architecture & Implementation

Role: Solution Architect & Lead Fullstack-Developer, Project Manager Timeframe: March 2015 - Present

Architecture Challenge

Design and implement a scalable, enterprise-grade event management system for the German Football Association, replacing legacy PowerPoint workflows with a modern web-based platform supporting collaborative editing, multi-device access, and complex PDF generation.

System Design & Architecture Decisions

The DFB Eventportal required careful architecture planning to support large-scale event management. Key architectural decisions included:

• Frontend Architecture: Angular 17 with Web Components for modularity and reusability (640k LOC)
• Backend Architecture: PHP/CakePHP RESTful API design for scalability and maintainability
• Database Architecture: MySQL schema optimized for hierarchical event structures (chapters → sections → elements)
• Infrastructure Architecture: AWS cloud deployment (S3 for file storage, EC2 for compute)
• PDF Generation System: Custom TCPDF integration generating 350k+ print-ready documents
• Authentication & Authorization: Role-based access control (RBAC) supporting multiple user types

Technical Implementation

The system was built with modern full-stack technologies ensuring performance, security, and maintainability

The application's structural design caters to precise event organization needs, allowing for a hierarchical structure with chapters, sections, and individual elements. It supports both traditional media and multimedia content. The platform offers essential functions such as generating print-ready PDF documents, managing contact lists, and sending targeted email invitations.

Continuous focus on web performance and security measures highlights our commitment to providing an optimal user experience. These efforts are crucial in optimizing process efficiency and reliability for users involved in event organization.