We are looking for a Senior Frontend Enginee r 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 Us
We're building 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 benchmarkingIntegrate third-party APIs (Instagram, TikTok) with OAuth flows and handle complex authentication statesOptimize performance for large datasets, implementing virtualization, pagination, and smart caching strategiesBuild reusable component libraries and design system tokensDebug production issues using Sentry, PostHog analytics, and application logs- Participate in Agile ceremonies : sprint planning, daily standups, sprint reviews, and retrospectivesWhat We're Looking For
Required Experience
5+ years of professional frontend development , with at least 2 years in React-based production applicationsDeep 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 APIsState management experience : Zustand, Redux, Jotai, or similar you understand trade-offs between different state solutionsAPI integration skills : RESTful APIs, GraphQL, error handling, optimistic updates, and caching strategiesModern CSS : Tailwind CSS preferred, but deep understanding of CSS-in-JS, CSS modules, or styled-components also valuedTesting mindset : Experience with Cypress, Playwright, Jest, or Testing Library for E2E and unit testsBackend-as-a-Service (BaaS) experience : Supabase, Firebase, or similar platforms understanding of PostgreSQL, Row Level Security (RLS), and database-driven authorizationSecurity awareness : Understanding of environment variable management, secret handling, authentication flows, and data isolation patternsPreferred Experience
Experience with data visualization libraries (Visx, D3.js, Recharts, Chart.js)TanStack Query (React Query) for server-state managementVercel deployments familiarity with edge functions, preview environments, and CI / CDshadcn / ui or Radix UI building accessible component librariesOAuth flows and complex authentication states (multi-workspace, team permissions)Framer Motion or other animation libraries for polished interactionsMonorepo experience (Turborepo, Nx) as we scale our codebaseNice-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 requiredGCP familiarity (Cloud Functions, Cloud Storage, BigQuery) understanding of cloud architecture helps with integration workDevOps knowledge GitHub Actions, Docker, environment managementObservability tools Sentry, PostHog, OpenTelemetryTechnical 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 VariablesComponents : shadcn / ui (Radix UI primitives)State & Data
Global State : Zustand with localStorage persistenceServer State : TanStack Query (React Query)Database : Supabase (PostgreSQL with RLS)Auth : Supabase Auth (JWT sessions, OAuth)Visualization & UX
Charts : Visx (D3-powered)Tables : TanStack TableForms : Formik + Yup validationAnimations : Framer MotionIcons : Lucide ReactDeveloper Experience
Package Manager : npmLinting : ESLint (flat config)Formatting : PrettierTesting : Cypress (E2E), Deno tests (Edge Functions)Monitoring : Sentry (errors & performance)Analytics : PostHog (product analytics)Version Control : GitHub with trunk-based developmentCI / 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 mainstreamReal Architecture Challenges : Handle real-time data, complex OAuth flows, multi-tenant workspaces, and large-scale data visualizationFull Ownership : Ship features from conception to production with autonomy over technical decisionsBest Practices : Trunk-based development, feature branches with preview environments, automated testing, and strict type safetyProduct Impact
User-Focused : Build tools that directly impact creators' livelihoods and marketing strategiesData-Driven : Work with fascinating social media data engagement trends, sentiment analysis, competitor insightsVisual Storytelling : Turn complex analytics into intuitive, beautiful visualizationsTeam & 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 continuousimprovement
Collaborative Environment : Pair programming, thoughtful code reviews, and knowledge sharingRemote-Friendly : Flexible work arrangements with async-first communicationContinuous Learning : Budget for conferences, courses, and professional developmentOur 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. Take-Home Challenge (5-6 hours) : Build a small analytics dashboard with Supabase, RLS, and our stack we encourage AI-assisted development and evaluate your architectural decisions
3. Technical Deep Dive (60 min) : Walk through your challenge solution, discuss trade-offs, and extend the design
4. System Design (60 min) : Design a feature end-to-end (e.g., real-time notification system)
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)