About the Role
We are building ID1X — an identity intelligence platform used by enterprise and government investigators. The frontend is the face of a highly complex AI system: analysts use it to search identities, review HITL (Human-in-the-Loop) queues, explore interactive knowledge graphs, visualize geolocation timelines, and generate structured intelligence reports. This is not a marketing site — it is a professional investigative tool that must handle complex data, real-time updates, and strict access control.
You will work directly with Figma designs and own full-stack features end to end. We are also exploring AI-assisted Figma-to-code generation (Locofy, Anima, Builder.io) and you should be comfortable evaluating and integrating these workflows.
Key Responsibilities
- Build production-grade React/TypeScript components for investigative workflows: profile search, HITL review queues, identity graph visualization, geospatial heatmaps, and report generation
- Implement real-time data feeds using WebSockets and event-driven patterns — live surveillance feeds, alerting UIs, streaming pipeline status
- Integrate frontend with Keycloak authentication (OAuth2/OIDC) and enforce RBAC at the component level
- Design and implement RESTful API contracts in collaboration with backend engineers; translate Pydantic schemas into TypeScript types
- Evaluate and integrate AI-powered Figma-to-code tooling (Locofy, Anima, Builder.io) to accelerate component generation from designer handoffs
- Write comprehensive test coverage: Jest + React Testing Library for unit, Playwright for E2E — enforced at CI gate
- Adapt canonical JSON schemas from the data pipeline into frontend data models — working directly with the Bronze/Silver/Gold data architecture
- Contribute to the design system and component library; maintain consistency across the investigative portal and admin panel
- Participate in sprint planning, ClickUp task management, and cross-functional technical reviews
Tech Stack You'll Work With
- Frontend React 18+. Next.js (App Router). TypeScript. Tailwind CSS.
- State / Data React Query (TanStack). Redux Toolkit or Zustand. REST + WebSocket APIs.
- Testing Jest. React Testing Library. Playwright (E2E, CI-enforced).
- Auth Keycloak OAuth2/OIDC. Role-based component rendering. Secure token management.
- Design Figma (source of truth). AI-to-code: Locofy / Anima / Builder.io (evaluation + integration).
- Backend (collab) Python FastAPI. Pydantic schemas. PostgreSQL. RabbitMQ event feeds.
- CI/CD GitHub Actions. SonarQube (code quality gate). ArgoCD (deployment). Harbor registry.
- Visualization Graph visualization (D3 / Cytoscape / React Flow). Geospatial heatmaps. Timeline components.
Required Qualifications
- 3–6 years of frontend or full stack engineering experience in production environments
- Expert proficiency in React and TypeScript — including hooks, context, performance patterns
- Experience with Next.js (App Router preferred)
- Strong understanding of REST API design and WebSocket/real-time patterns
- Testing discipline: meaningful coverage, not box-ticking — Jest, Playwright, or equivalent
- Proficiency with Git, PR-based workflows, and CI/CD pipelines
- Ability to read and work from Figma designs independently
Strong Advantage
- Experience with complex data visualization: knowledge graphs, geo heatmaps, timeline/event UIs
- Keycloak or OAuth2/OIDC integration experience
- Familiarity with AI-to-code tooling: Locofy, Anima, Builder.io, or similar
- Exposure to investigative, analytics, or intelligence platform UIs
- Backend Python (FastAPI) experience — full-stack candidates strongly preferred for one of the two positions
- Playwright E2E experience in a CI environment
What We Offer
- Competitive remote compensation benchmarked globally
- Work on a real investigative intelligence product — not another dashboard or admin panel
- Direct collaboration with designers, data engineers, and AI/ML engineers
- Async-first culture with strong engineering standards (code review, test coverage, CI gates)