FWMFL - Football Was My First Love
Olympia Verlag (Kicker)
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