Senior Frontend Engineer at Marketing Agency

Wir suchen einen Senior Frontend Engineer, der remote von den Philippinen aus für einen in Deutschland ansässigen Kunden von OTA arbeitet. Für diese Stelle verarbeiten wir nur Kandidaten, die auf den Philippinen ansässig sind und eine legale Arbeitserlaubnis für die Philippinen haben.

Über den OTA-Kunden

Eine hochmoderne SaaS-Plattform, die Kreatoren, Influencern und digitalen Vermarktern hilft, ihre Social-Media-Leistung zu verstehen und zu optimieren. Wir aggregieren, analysieren und benchmarken Metriken von Instagram, TikTok und anderen sozialen Plattformen und bieten Echtzeit-Dashboards, Engagement-Insights und Wettbewerbsanalysen, die Geschäftsentscheidungen vorantreiben.

Die Rolle

Wir suchen einen Senior Frontend Engineer, der unserem Engineering-Team beitritt und hilft, die nächste Generation von Social-Media-Analysetools zu entwickeln. Sie werden an einem modernen, typensicheren Stack arbeiten, der Echtzeit-Datenvisualisierung, nahtlose OAuth-Integrationen und eine intuitive Benutzererfahrung bietet, die komplexe Analysen für nicht-technische Benutzer zugänglich macht.

Was Sie tun werden

• Hauptverantwortlichkeiten
• Produktion Features erstellen: Entwerfen und Implementieren neuer Funktionen in unserer Anwendung von Datenabruf bis hin zu interaktiven Visualisierungen mit Bibliotheken wie Visx und TanStack Table.
• Client-Seitenstatus architektonisch gestalten: Entwerfen skalierbarer Muster mit Zustand für globalen Status und React Query für Serverstatusverwaltung, um optimale Leistung und Cache-Invalidierungsstrategien sicherzustellen.
• Den gesamten Stack besitzen: Arbeiten Sie an Server- und Client-Komponenten im App Router, implementieren Sie API-Routen, Middleware und Edge-Funktionen nach Bedarf.
• Außergewöhnliche UX gestalten: Erstellen Sie responsive, zugängliche Schnittstellen mit shadcn/ui, Radix-Primitiven und Tailwind CSS mit akribischer Aufmerksamkeit für Details.
• Typensicherheit gewährleisten: Nutzen Sie TypeScript rigoros, arbeiten Sie mit automatisch generierten Datenbanktypen und erstellen Sie typensichere Abstraktionen für komplexe Datenstrukturen.
• Codequalität vorantreiben: Schreiben Sie testbaren, wartbaren Code mit umfassenden E2E-Tests (Cypress), nehmen Sie an Code-Reviews teil und halten Sie die Engineering-Standards ein.
• Cross-funktional zusammenarbeiten: Arbeiten Sie mit Produktmanagern, Designern und Backend-Entwicklern zusammen, um kohärente Funktionen zu liefern, die die Benutzer begeistern.

Was wir suchen

• Erforderliche Erfahrung
• 5 Jahre professionelle Frontend-Entwicklung mit mindestens 2 Jahren in produktiven React-Anwendungen.
• Tiefe React-Expertise: Hooks, Context, Server Components, Suspense und moderne Muster.
• Beherrschung von TypeScript: Sicher im Umgang mit Generics, diskriminierten Unions, Typinferenz und dem Aufbau typensicherer APIs.
• Erfahrung in der Zustandsverwaltung: Zustand, Redux, Jotai oder ähnliches; Sie verstehen die Vor- und Nachteile verschiedener Zustandslösungen.
• API-Integrationsfähigkeiten: RESTful APIs, GraphQL, Fehlerbehandlung, optimistische Updates und Caching-Strategien.
• Moderne CSS: Bevorzugt Tailwind CSS, aber tiefes Verständnis von CSS-in-JS, CSS-Modulen oder Styled-Components ist ebenfalls wertvoll.
• Testmentalität: Erfahrung mit Cypress, Playwright, Jest oder Testing Library für E2E- und Unit-Tests.

Bevorzugte Erfahrung

• Erfahrung mit Datenvisualisierungsbibliotheken (Visx, Recharts).
• TanStack Query (React Query) für Serverstatusverwaltung.
• Supabase oder Firebase – Verständnis von BaaS-Mustern, Echtzeit-Abonnements und RLS.
• Vercel-Bereitstellungen – Vertrautheit mit Edge-Funktionen, Vorschauumgebungen und CI/CD.
• shadcn/ui oder Radix UI – Erstellung zugänglicher Komponentenbibliotheken.
• OAuth-Flows und komplexe Authentifizierungszustände (Multi-Workspace-Team-Berechtigungen).
• PostgreSQL und SQL – Fähigkeit, Datenbankschemas zu verstehen und Abfragen zu optimieren.
• Framer Motion oder andere Animationsbibliotheken für polierte Interaktionen.
• Monorepo-Erfahrung (Turborepo, Nx) während wir unseren Codebase skalieren.

Schön zu haben (Bonus)

• Python-Erfahrung – unser Sentiment-Analyse-Backend basiert auf Python auf GCP; die Fähigkeit, zu Python-APIs beizutragen, ist ein Plus, aber nicht erforderlich.
• GCP-Vertrautheit (Cloud Functions, Cloud Storage, BigQuery) – Verständnis der Cloud-Architektur hilft bei Integrationsarbeiten.
• DevOps-Wissen – GitHub Actions, Docker, Umweltmanagement.
• Beobachtungswerkzeuge – Sentry, PostHog, OpenTelemetry.

Technisches Umfeld

Sie werden mit einem modernen, sorgfältig ausgewählten Stack arbeiten:

• Kerntechnologien
• Framework: 15 (App Router, Turbopack)
• UI-Bibliothek: React 19 (Server Components, Suspense)
• Sprache: TypeScript (strenger Modus)
• Styling: Tailwind CSS, CSS-Variablen
• Komponenten: shadcn/ui (Radix UI-Primitiven)

Warum Sie diese Rolle lieben werden

• Technisches Wachstum
• Moderne Stack: Arbeiten Sie mit bahnbrechenden Technologien (React 19, 15), bevor sie Mainstream werden.
• Echte Architektur-Herausforderungen: Bearbeiten Sie Echtzeitdaten, komplexe OAuth-Flows, Multi-Tenant-Arbeitsbereiche und großangelegte Datenvisualisierungen.
• Volle Verantwortung: Versenden Sie Funktionen von der Konzeption bis zur Produktion mit Autonomie über technische Entscheidungen.
• Best Practices: Trunk-basierte Entwicklung, Feature-Branches mit Vorschauumgebungen, automatisierte Tests und strenge Typensicherheit.

Produktimpact

• Benutzerfokussiert: Entwickeln Sie Tools, die direkt die Lebensgrundlage und Marketingstrategien von Kreatoren beeinflussen.
• Datengetrieben: Arbeiten Sie mit faszinierenden Social-Media-Daten – Engagement-Trends, Sentiment-Analyse, Wettbewerbsanalysen.
• Visuelles Geschichtenerzählen: Verwandeln Sie komplexe Analysen in intuitive, schöne Visualisierungen.

Team & Kultur

• Hochwertiger Code: Arbeiten Sie in einem gut strukturierten, dokumentierten Code.
• Agile / Scrum-Methodik: Zweiwöchige Sprints mit klaren Zielen, regelmäßigen Retrospektiven und kontinuierlicher Verbesserung.
• Kollaborative Umgebung: Pair-Programmierung, durchdachte Code-Reviews und Wissensaustausch.
• Remote-freundlich: Flexible Arbeitsbedingungen mit asynchroner Kommunikation.
• Kontinuierliches Lernen: Budget für Konferenzen, Kurse und berufliche Weiterbildung.

Unser Engineering-Prinzipien

• Typensicherheit zuerst: Nutzen Sie TypeScript, um Fehler zur Kompilierzeit zu erfassen, nicht in der Produktion.
• Serverkomponenten standardmäßig: Verwenden Sie React Server Components für optimale Leistung; Client-Komponenten nur bei Bedarf.
• Progressive Verbesserung: Erstellen Sie Funktionen, die ohne JavaScript funktionieren, und verbessern Sie sie dann.
• Zugänglichkeit zählt: Jede Komponente sollte tastaturnavigierbar und screenreaderfreundlich sein.
• Trunk-basierte Entwicklung: Kleine häufige Commits mit Feature-Flags über langlebige Branches.
• Dokumentation als Code: Selbstdokumentierender Code mit hilfreichen Kommentaren, wo Komplexität unvermeidlich ist.
• Beobachtbarkeit eingebaut: Jede Funktion wird mit Fehlerverfolgung, Leistungsüberwachung und Analytik ausgeliefert.

Interviewprozess

• Erstscreening (15 min): Gespräch mit dem OTA-Team.
• Technisches Screening (60 min): Live-Coding-Sitzung – erstellen Sie eine kleine React-Komponente mit TypeScript.
• Systemdesign (60 min): Entwerfen Sie eine Funktion von Ende zu Ende (z.B. Echtzeit-Benachrichtigungssystem).
• Code-Review (45 min): Überprüfen Sie einen PR aus unserem Code, diskutieren Sie Vor- und Nachteile und Verbesserungen.
• Teamfit (30 min): Treffen Sie Teammitglieder und stellen Sie Fragen zur täglichen Arbeit.
• Angebot: Wir handeln schnell für starke Kandidaten (typischerweise 5-7 Werktage).

Wir schätzen Ihre Zeit und geben Ihnen in jeder Phase Feedback.

Beschäftigungsart: Vollzeit

Erfahrung: Jahre

Stellenangebot: 1