We are looking for a Senior Frontend Engineer to work remotely anywhere in the Philippines for a Germany-based client of OTA. For this job, we only process candidates that are based in the Philippines and have legal authorization to work in the Philippines.
About the OTA Client
A cutting-edge SaaS platform that empowers creators, influencers, and digital marketers to understand and optimize their social media performance. We aggregate, analyze, and benchmark metrics from Instagram, TikTok, and other social platforms, providing real-time dashboards, engagement insights, and competitive intelligence that drive business decisions.
The Role
We're seeking a Senior Frontend Engineer to join our engineering team and help build the next generation of social media analytics tools. You'll work on a modern, type-safe stack delivering real-time data visualization, seamless OAuth integrations, and intuitive UX that makes complex analytics accessible to non-technical users.
This is a high-impact role where you'll architect features end-to-end, collaborate directly with product and design, and shape our engineering culture as we scale.
What You'll Do
Core Responsibilities
Build Production Features: Design and implement new features across our Next.js application, from data fetching to interactive visualizations using libraries like Visx and TanStack Table
Architect Client-Side State: Design scalable patterns using Zustand for global state and React Query for server-state management, ensuring optimal performance and cache invalidation strategies
Own the Full Stack: Work across server and client components in Next.js App Router, implementing API routes, middleware, and Edge Functions when needed
Craft Exceptional UX: Build responsive, accessible interfaces using shadcn/ui, Radix primitives, and Tailwind CSS with meticulous attention to detail
Ensure Type Safety: Leverage TypeScript rigorously, working with auto-generated database types and creating type-safe abstractions for complex data structures
Drive Code Quality: Write testable, maintainable code with comprehensive E2E tests (Cypress), participate in code reviews, and uphold engineering standards
Collaborate Cross-Functionally: Partner with product managers, designers, and backend engineers to deliver cohesive features that delight users
Day-to-Day Work
Implement new dashboard visualizations for engagement metrics, follower growth, and competitor benchmarking
Integrate third-party APIs (Instagram, TikTok) with OAuth flows and handle complex authentication states
Optimize performance for large datasets, implementing virtualization, pagination, and smart caching strategies
Build reusable component libraries and design system tokens
Debug production issues using Sentry, PostHog analytics, and application logs
Participate in Agile ceremonies: sprint planning, daily standups, sprint reviews, and retrospectives
What We're Looking For
Required Experience
5+ years of professional frontend development, with at least 2 years in React-based production applications
Deep React expertise: Hooks, Context, Server Components, Suspense, and modern patterns (you can explain when to use `useCallback` vs `useMemo` and why)
Next.js proficiency: Experience with App Router, API routes, Edge Functions, server actions, middleware, and deployment optimization (Next.js 13+ required)
TypeScript mastery: Comfortable with generics, discriminated unions, type inference, and building type-safe APIs
State management experience: Zustand, Redux, Jotai, or similar you understand trade-offs between different state solutions
API integration skills: RESTful APIs, GraphQL, error handling, optimistic updates, and caching strategies
Modern CSS: Tailwind CSS preferred, but deep understanding of CSS-in-JS, CSS modules, or styled-components also valued
Testing mindset: Experience with Cypress, Playwright, Jest, or Testing Library for E2E and unit tests
Preferred Experience
Experience with data visualization libraries (Visx, D3.js, Recharts, Chart.js)
TanStack Query (React Query) for server-state management
Supabase or Firebase understanding of BaaS patterns, Realtime subscriptions, and RLS
Vercel deployments familiarity with edge functions, preview environments, and CI/CD
shadcn/ui or Radix UI building accessible component libraries
OAuth flows and complex authentication states (multi-workspace, team permissions)
PostgreSQL and SQL ability to understand database schemas and optimize queries
Framer Motion or other animation libraries for polished interactions
Monorepo experience (Turborepo, Nx) as we scale our codebase
Nice-to-Have (Bonus)
Python experience our sentiment analysis backend is Python-based on GCP; ability to contribute to Python APIs is a plus but not required
GCP familiarity (Cloud Functions, Cloud Storage, BigQuery) understanding of cloud architecture helps with integration work
DevOps knowledge GitHub Actions, Docker, environment management
Observability tools Sentry, PostHog, OpenTelemetry
Technical Environment
You'll be working with a modern, thoughtfully chosen stack:
Core Technologies
Framework: Next.js 15 (App Router, Turbopack)
UI Library: React 19 (Server Components, Suspense)
Language: TypeScript (strict mode)
Styling: Tailwind CSS + CSS Variables
Components: shadcn/ui (Radix UI primitives)
State \& Data
Global State: Zustand with localStorage persistence
Server State: TanStack Query (React Query)
Database: Supabase (PostgreSQL with RLS)
Auth: Supabase Auth (JWT sessions, OAuth)
Visualization \& UX
Charts: Visx (D3-powered)
Tables: TanStack Table
Forms: Formik + Yup validation
Animations: Framer Motion
Icons: Lucide React
Developer Experience
Package Manager: npm
Linting: ESLint (flat config)
Formatting: Prettier
Testing: Cypress (E2E), Deno tests (Edge Functions)
Monitoring: Sentry (errors \& performance)
Analytics: PostHog (product analytics)
Version Control: GitHub with trunk-based development
CI/CD: Vercel (frontend) + Supabase branching (database previews)
Secrets: Dotenvx (encrypted environment variables)
Why You'll Love This Role
Technical Growth
Modern Stack: Work with bleeding-edge technologies (React 19, Next.js 15) before they're mainstream
Real Architecture Challenges: Handle real-time data, complex OAuth flows, multi-tenant workspaces, and large-scale data visualization
Full Ownership: Ship features from conception to production with autonomy over technical decisions
Best Practices: Trunk-based development, feature branches with preview environments, automated testing, and strict type safety
Product Impact
User-Focused: Build tools that directly impact creators' livelihoods and marketing strategies
Data-Driven: Work with fascinating social media data engagement trends, sentiment analysis, competitor insights
Visual Storytelling: Turn complex analytics into intuitive, beautiful visualizations
Team \& Culture
High-Quality Codebase: Work in a well-architected, documented codebase (check our copilot-instructions.md!)
Agile/Scrum Methodology: Two-week sprints with clear goals, regular retrospectives, and continuous improvement
Collaborative Environment: Pair programming, thoughtful code reviews, and knowledge sharing
Remote-Friendly: Flexible work arrangements with async-first communication
Continuous Learning: Budget for conferences, courses, and professional development
Our Engineering Principles
1. Type Safety First: Leverage TypeScript to catch bugs at compile time, not production
2. Server Components by Default: Use React Server Components for optimal performance, client components only when needed
3. Progressive Enhancement: Build features that work without JavaScript, then enhance
4. Accessibility Matters: Every component should be keyboard-navigable and screen-reader friendly
5. Trunk-Based Development: Small, frequent commits with feature flags over long-lived branches
6. Documentation as Code: Self-documenting code with helpful comments where complexity is unavoidable
7. Observability Built-In: Every feature ships with error tracking, performance monitoring, and analytics
Interview Process
1. Initial Screen (15 min): Chat with OTA team
2. Technical Screen (60 min): Live coding session build a small React component with TypeScript
3. System Design (60 min): Design a feature end-to-end (e.g., real-time notification system)
4. Code Review (45 min): Review a PR from our codebase, discuss trade-offs and improvements
5. Team Fit (30 min): Meet team members and ask questions about day-to-day work
6. Offer: We move quickly for strong candidates (typically 5-7 business days)
We value your time and provide feedback at every stage.