🇬🇧
Zurück zu Referenzen
Kicker Logo

FWMFL - Football Was My First Love

Olympia Verlag (Kicker)

Lead Fullstack Developer via piparo.tech

Olympia Verlag ist der Publisher von Kicker, Deutschlands führendem Sportmagazin. FWMFL (Football Was My First Love) ist die Podcast- und Audiobook-Streaming-Plattform für Fussballfans mit exklusivem Content wie Podcasts, Hörbüchern, Fangesängen und kuratierten Playlists.

Projektüberblick

Als Lead Fullstack Developer über piparo.tech habe ich 1.600+ Commits über die gesamte Plattform geliefert - von der React Native Mobile-App über Backend Services in Go und Rust, der Astro-Website bis zur Kubernetes-Infrastruktur. Das Projekt umfasst eine komplette Streaming- Plattform mit Subscription Management, Offline Playback und Content Sync.

Legacy Migration

Beim Projektstart bestand die Infrastruktur aus mehreren PHP Backends mit zwei getrennten Datenbanken und Legacy-Code über verschiedene Hoster. Wir modernisierten den Stack durch eine Neuimplementierung der Services in Go und Rust, konsolidierten die Datenbanken und migrierten alles nach AWS auf EKS (Elastic Kubernetes Service). Das verbesserte Zuverlässigkeit, reduzierte Betriebskosten und ermöglichte CI/CD mit Infrastructure as Code.

Die vorherige Mobile-App war mit Cordova gebaut. Wir haben sie in 3 Monaten auf React Native portiert und eine native Experience mit besserer Performance, Offline-Fähigkeit und Zugriff auf native APIs für Background Audio und Push Notifications geliefert.

Wichtige Beiträge

Mobile Application

React Native + Expo App gebaut und gewartet (890+ Commits). Audio-Streaming mit Background Playback, Offline Downloads, Subscription Management via RevenueCat und Push Notifications implementiert. NativeWind für Styling, neue Architektur für iOS und Android aktiviert.

Audio Player & Streaming

Kernfunktionen des Audio Players entwickelt: Queue Management, Progress Tracking und nahtlose Track Transitions. Offline Mode mit SQLite für lokale Speicherung umgesetzt, sodass Inhalte ohne Internet verfügbar sind.

Subscription & Monetization

RevenueCat für In-App-Käufe und Abo-Management integriert. Payment Wall UI, Supporter Badge System und Premium Content Gating gebaut. Piano SDK für Analytics Tracking von Engagement und Conversion integriert.

Backend Services

Backend Services in Go und Rust für API Endpunkte, Content Management und Datenverarbeitung entwickelt. RSS Importer (Node.js und Rust) für automatische Podcast-Feeds gebaut. Das Backend verarbeitet Episode Metadaten, Audio Files und User Sync.

Website

Marketing-Website mit Astro und Tailwind CSS gebaut. SEO Optimierungen, Sitemap Generation, Podcast/Audiobook Detailseiten und FAQ umgesetzt. Die Seite ist statisch generiert für optimale Performance.

Infrastructure

Kubernetes-Infrastruktur mit Helm Charts und Terraform aufgebaut und gewartet. Deployments, Services und Ingress für mehrere Umgebungen konfiguriert. Lokales Dev-Tooling mit Tilt und Skaffold für schnelle Iteration implementiert.

Accessibility

App Accessibility mit Labels, Hints und Screenreader-Support für zentrale Flows (Auth, Playback Controls, Navigation) verbessert. WCAG Compliance für die Web-Plattform sichergestellt.

Error Tracking & Debugging

Sentry mit Session Replay und Custom Error Boundaries integriert. Debug Screens für Playback Troubleshooting, Log-Ansicht und Error Reporting in Development Builds gebaut.

Technologie-Stack

Mobile

  • React Native 0.79
  • Expo 53
  • TypeScript
  • NativeWind
  • Zustand
  • React Query

Backend

  • Go
  • Rust
  • MySQL
  • SQLite (mobile)
  • Laravel (legacy)

Web

  • Astro
  • Tailwind CSS
  • TypeScript

Infrastructure

  • Kubernetes
  • Helm
  • Terraform
  • Docker
  • Tilt / Skaffold