Über 4 Monate als einziger Frontend-Entwickler an einer produktiven Social-Media-Plattform: 203 Commits, 11 Feature-Bereiche, vollständig in TypeScript mit React 18, Vite und Zustand.

Highlights

• YouTube-artige Video-Plattform von Grund auf implementiert: layered service architecture (channel / video / comments / likes / views / upload), Zustand channel store mit persistence, YouTube-style search über Videos und User gleichzeitig.
• MiniLanding V2 — vollständige Neuentwicklung der öffentlichen Profilseiten: 1:1 TikTok-style Kacheln, Lightbox mit ReactPlayer, SEO-friendly URLs (/profilelanding/:nickname/:id), OG-Metadaten, Profilanalyse-Integration. Monolith von 1069 → 560 Zeilen refaktoriert.
• Zahlungssystem: Stripe, Coinbase Commerce und USDT integriert; Coinbase-Polling mit exponential backoff; Zustand wallet store mit Echtzeit-Saldo; Transaktionshistorie.
• OAuth-Flow mit postMessage-Architektur (Google, Facebook, X/Twitter) ohne Page-Redirect; `ensureValidToken()` mit 5-Minuten-Buffer und automatischem Silent Refresh; Keycloak-JS-Frontend-Abhängigkeiten auf Backend-Proxying migriert.
• Zentrales z-index-System und Modular-Scale-Typografie eingeführt; Virtualisierung (React Virtuoso) für Content-Feeds; i18n-JSON-Syntaxfehler in 5 Sprachen behoben (29 Sprachen gesamt); GA4 mit GDPR-Compliance.

Impact

• ↑203 commits, 11 feature areas — solo frontend over 4 months
• ↑Monolith refactored: 1069 → 560 lines (47% reduction)
• ↑OAuth implemented without page-redirect (postMessage architecture)
• ↑Stripe + Coinbase Commerce + USDT payment stack integrated end-to-end

Tech stack

Resources