Frontend Developer

Team: Accelerators

Experience: 4–8 years | 4+ years building data-intensive or enterprise-grade frontend applications

Technical Focus: Own the accelerator's end-to-end frontend experience — from real-time data rendering to multi-tenant UI isolation. Build the component framework, role-based access layer, audit-aware interfaces, and enterprise-grade React applications that sit atop complex AI pipelines. Pure product engineering — React.js, TypeScript, event-driven UI state, enterprise-scale reliability. Key Responsibilities

• Design and own the frontend architecture for AI-powered accelerator products — component systems, routing, state management, and data-fetching layers.
• Build real-time dashboards and pipeline monitoring UIs that visualise 6-stage processing flows, handling live data streams and high-frequency updates.
• Implement role-based access control (RBAC) and multi-tenant UI isolation — strict customer separation at every screen and data layer.
• Build the connector configuration UI — form-driven workflows for 50+ enterprise data sources (APIs, databases, SaaS platforms) with validation and error handling.
• Integrate with backend APIs (REST/GraphQL) with versioning, auth token handling, rate-limit awareness, and graceful degradation.
• Design and implement audit-trail interfaces — surfacing immutable logs, decision timelines, and transformation traces in readable, filterable views.
• Enforce PII/PHI-safe rendering — mask, redact, or blur sensitive fields client-side in compliance with data safety requirements.
• Establish production frontend habits — comprehensive testing (unit, integration, E2E), CI/CD pipelines, performance budgets, and error monitoring. Must-Have Technical Skills
• React.js (mandatory) — deep expertise in hooks, context, concurrent rendering, and component architecture; not just usage.
• TypeScript — strict typing across components, API contracts, and shared libraries.
• State management — Zustand, Redux Toolkit, or React Query; managing complex async and real-time state.
• Real-time data — WebSockets, SSE, or polling patterns for live pipeline updates.
• API integration — REST and GraphQL clients, auth flows (OAuth2/JWT), and error boundary design.
• Multi-tenant UI patterns — tenant-scoped routing, feature flags, and customer data isolation on the client.
• Testing — Jest, React Testing Library, Cypress or Playwright for E2E coverage.
• AWS / cloud-aware frontend — Amplify, CloudFront, S3-hosted builds, or equivalent deployment experience.
• Production habits — CI/CD (GitHub Actions), Sentry or equivalent monitoring, Lighthouse performance standards.

Core Tech Stack React.js, TypeScript, Vite/Next.js, Zustand/Redux Toolkit, React Query, TailwindCSS, Radix UI / shadcn, WebSockets/SSE, REST/GraphQL, Jest, Cypress/Playwright, GitHub Actions, AWS (CloudFront, S3, Amplify), Docker