DFB Eventportal: Digitalization in major event planning

  • CustomerDFB GmbH & Co. KG
  • StartMar 1, 2015
  • Duration9 years 3 months
  • RoleProjektmanager, Lead Fullstack-Developer
  • ServicesWeb Development, Web Performance, Project Management, Web Security, Maintenance
  • TechnologiesAngular 17, Web Components, Typescript, PHP
Project link
Lines of code
PDFs generated
Overview of the DFB event portal blurred with a filter
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/';
  providedIn: 'root',
export class UsersService {
  model = 'users';
  constructor(private httpClient: HttpClient) {}
  getUrl() {
    return `${BASE_URL}${this.model}`;
  all(params?) {
    return this.httpClient.get(this.getUrl(), { params });
  create(user) {
    return, user);

The main objective of this project was to create an innovative web application specifically designed for planning and organizing large-scale events. The goal was to replace PowerPoint-based processes and set a new standard in event planning for the German Football Association.

The web application was developed to provide an interactive and collaborative environment for various stakeholders. Users with different roles and permissions can access and work on the content from different devices. Another essential feature is the ability to create a print-ready PDF document from all the content within the application.

The technological foundation of the web application includes Angular 17 and Web Components, which ensure a responsive user interface. TypeScript improves code quality and maintainability. PHP in conjunction with the CakePHP framework enables a robust backend architecture. API integrations with Git and Docker support agile development, while Jest ensures high code reliability through testing. MySQL is the database management system, and AWS S3 is used for efficient file storage.


The “DFB-Eventportal” project has created a groundbreaking web application for the DFB, utilizing state-of-the-art technologies that redefine event planning. It revolutionizes previous PowerPoint-based workflows and sets a new standard in organizing large-scale events.

Angular 17
Web Components
EventChapter 1Section 1.1Section 1.2Chapter 2Section 2.1Element 2.1.1

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.


I'm always looking for new and exciting projects to work on. If you have a project that you would like to work together on, please get in touch.

Let's work together!