← Zurück zu den ProjektenSeptember 2024 - Present

Plattform für Spieleinhalte & Entdeckung

Team: 20+ Personen

ReactNext.jsTypeScriptNode.jsFastifyZustandTailwind CSSPostgreSQLContentfulHLS.js

Überblick

Diese Content- und Discovery-Plattform richtet sich an Nutzer von Online-Spielen. Sie können Anbieter erkunden, Spielempfehlungen finden, Turniere verfolgen und Guides sowie Reviews lesen, bevor sie sich für ein Spiel entscheiden. Das Produkt bündelt redaktionelle Inhalte, Spieldaten, Live-Funktionen und lokalisierte Erlebnisse an einem Ort.

Technologien

React
Next.js
TypeScript
JavaScript
Node.js
Fastify
Zustand
Tailwind CSS
Prisma
PostgreSQL
Zod
REST APIs
OpenAPI / Swagger
Contentful
Forest Admin
Keycloak
Docker
Kubernetes
Cloudflare
HLS.js
GitHub Actions
Vitest
SiteSpect
Adobe Analytics
Smartling
Lighthouse
CrUX
SpeedCurve
DebugBear
Core Web Vitals

Schwerpunkte

Frontend-Architektur
Full-Stack-Entwicklung
CMS-Integration
API-Entwicklung
Authentifizierung & Autorisierung
Performance-Optimierung
Core Web Vitals
A/B-Testing
Internationalisierung
Designsysteme
CI/CD
Observability
SEO
Responsive Webentwicklung

Hauptaufgaben

▹Gestaltung und Pflege der Frontend-Architektur für Next.js-Anwendungen und die dahinterliegenden Node.js-Services
▹Umsetzung responsiver Oberflächen auf Basis von Figma-Designs und Entwicklung gemeinsamer Komponenten für Desktop und Mobile
▹Entwicklung von Discovery-Abläufen mit Filtern, Empfehlungen, Paginierung, Anbieterseiten und live aktualisierten Trefferzahlen
▹Entwicklung des Game Launchers und der Turnierfunktionen einschließlich Bestenlisten, Lightbox-Ansichten und Vollbildmodus
▹Verwaltung des gemeinsamen Anwendungszustands mit Zustand für Discovery-, Turnier- und UI-Abläufe
▹Pflege der Tools für Contentful-Migrationen und -Synchronisierung
▹Entwurf von Datenbanktabellen und Forest-Admin-Workflows für das Zahlungsteam, um Nutzer-, Konto- und KYC-Daten an einem Ort zusammenzuführen
▹Entwicklung administrativer Aktionen zum Sperren von Konten, Einfrieren oder Wiederherstellen des Zugangs nach Verstößen sowie zur Prüfung des KYC-Status
▹Zusammenführung bestehender und neuer Nutzer aus getrennten Datenbanken in einem gemeinsamen Datenspeicher
▹Integration von Live-Video mit HLS.js sowie Unterstützung von Lokalisierung, Themes, Feature Flags und A/B-Tests
▹Verbesserung von Performance und Core Web Vitals sowie Mitarbeit an automatisierten Tests, Storybook und CI/CD-Workflows

Ergebnisse

Verbesserte initiale Ladezeiten und Core Web Vitals durch Bundle-Optimierung, Code-Splitting und Anpassungen am Rendering

Erleichterte die Suche nach passenden Spielen durch erweiterte Filter, Empfehlungen, live aktualisierte Trefferzahlen und Bereiche für beliebte Spiele

Führte wiederverwendbare Komponenten und gemeinsame Frontend-Muster auf Basis der Figma-Designs ein, wodurch die Oberfläche konsistenter und leichter erweiterbar wurde

Automatisierte Contentful-Migrationen und Content-Synchronisierung und reduzierte dadurch den manuellen Aufwand bei CMS-Updates

Entwickelte einen zentralen Admin-Arbeitsbereich für das Zahlungsteam, der Nutzer- und KYC-Daten aus bestehenden und neuen Systemen zusammenführt

Erweiterte und strukturierte die Storybook-Bibliothek als gemeinsame Referenz für Entwickler und Designer