Frontend Developer (Founding team)

Role Overview

You will own the entirefront-end experience of Exterview, building the interface that powers the next generation of AI-led hiring intelligence.
This goes beyond writing React or Next.js code you’ll be crafting theHuman + AI collaboration layer that merges recruiter workflows, AI insights, and live interviews into a unified, frictionless experience.

Every interaction from candidate evaluation to interviewer feedback and AI report visualization should feelfluid, intelligent, and purposeful.
You’ll work closely with Product, AI, Backend, Prompt Engineering, and QA teams to ensure thatAI-driven screening, voice/avatar interviews, and hybrid assessments translate into a performant, elegant, and enterprise-grade UX.

Your daily execution stack will revolve aroundLinear, Notion, and GitHub, with real-time collaboration and design system ownership at the core of your work.

Key Responsibilities

Design System & UI Architecture

• Build a modular, typography-first design system usingTailwind CSS andshadcn/ui.

• Ensure accessibility, responsiveness, theming (dark/light), and enterprise scalability.

• Establish component guidelines and Storybook documentation for consistent implementation.

Interview & Candidate Workspace

• Architect dynamic UIs forAI Voice, Video, and Avatar Interviews integrating live transcripts, sentiment visualization, and fraud detection indicators.

• Implement recruiter and interviewer dashboards for role-based access, scheduling, and candidate analytics.

Realtime Collaboration

• ImplementWebSockets for live interviewer-candidate interactions, presence indicators, and synchronized feedback editing.

• Manage conflict resolution viaOT/CRDT frameworks ensuring seamless multi-user collaboration.

AI Interaction Layer

• Design and implement UI forAI streaming outputs interview summaries, skill analysis, and scoring.

• VisualizeAI + Human feedback fusion with diff views, accept/reject flows, and confidence scores.

Interview Intelligence Visualizations

• Build interfaces forreal-time video analytics,voice sentiment graphs, andfraud/liveness indicators.

• RenderAI reports transcripts, summaries, and skill radar charts with intuitive hierarchy and export capability.

Performance Optimization

• Own performance budgets: SSR-first pages, sub-200ms interactions, and 16ms/frame rendering targets.

• Optimize forSEO,accessibility, andenterprise-grade responsiveness across devices.

Security & Compliance

• Implementsecure iframe sandboxes for mini-app modules and embedded AI tools.

• Handle sensitive data (voice, transcripts, reports) withrole-based access controls andsecure state isolation.

Collaboration Across Teams

• Work with PMs to translate PRDs (Notion) → deliverables (Linear) → tracked executions (GitHub).

• Align front-end milestones with backend and AI model delivery sprints.

Developer Experience

• Maintain clean, modular repos with TypeScript, linting, hooks, and preview deploys.

• Own Storybook or MDX documentation for components and UI workflows.

Success Metrics

90 Days (Probation):

• Recruiter dashboard live with AI insights, candidate listings.

• Sub-200ms interaction latency validated through RUM metrics.

• AI Voice Interview UI with streaming transcript and summary shipped.

12 Months:

• Full hybrid interview workspace (multi-user, feedback sync, report generation) live.

• Palette open-to-action<50ms p95; rendering smoothness<16ms/frame.

• 70% of interview reports generated via AI-assisted workflows.

• FE regression rate<2%; 90%+ test coverage for interview and candidate modules.

Must-Haves

• 8–10+ years of experience infrontend engineering (React + Next.js at scale).

• Deep expertise inSSR/CSR hybrids,RSC,caching, andstate management.

• Proven experience buildingreal-time collaborative UIs (WebSockets, OT/CRDT).

• Eye forenterprise-grade UX, accessibility, and design consistency.

• Prior delivery ofdata-heavy dashboards orAI-interactive interfaces in production.

Nice-to-Haves

• Experience withWebRTC,voice/video rendering, oravatar-based UIs.

• Familiarity withGraphQL,microservices, andmulti-cloud deployment (AWS/Azure).

• Contributions toopen-source UI frameworks (Slate, ProseMirror, Next.js).

• Startup or founding engineer experience.

• Exposure toLLM-driven applications,speech-to-text, oragentic AI flows.

Tech Stack Visibility

• Core: Next.js (App Router), React, TypeScript, Tailwind CSS, shadcn/ui, Lucide Icons.

• Architecture: MERN +Microservices,GraphQL API Gateway,Azure AI Services,AWS Cloud.

• Realtime:Socket.IO, OT/CRDT.

• Motion: Framer Motion for micro-interactions.

• Auth: Cognito / Firebase (Google, GitHub, LinkedIn OAuth).

• AI Layer: Exterview AI Agents (Screening, Interview, Feedback, and Report Generators).

• Tooling: Linear (Execution), Notion (Specs), GitHub (Repos), Storybook (UI Docs).

Assessment

Assessment Task for 2-3 experience

Replicate thehome page UI of
https://exterview.ai/

usingmodular React components andTailwind CSS.

This assessment focuses purely onUI implementation, code structure, and styling fundamentals.

Objective

Evaluate the candidate’s ability to:

• Translate an existing website UI into code

• Write clean, modular React components

• Use Tailwind CSS effectively

• Maintain good folder structure and readability

Challenge

Build aNext.js application that visually replicates theExterview home page.

Requirements

• Replicate thelayout, sections, spacing, and typography

• Ensure the page isresponsive (desktop + mobile)

• Break the page intoreusable components

Examples:

• Navbar

• Hero section

• Feature sections

• Call-to-action sections

• Footer

Pixel-perfect accuracy isnot required, but the structure and visual hierarchy should closely match.

Technical Guidelines

• Framework:Next.js

• Language:JavaScript or TypeScript

• Styling:Tailwind CSS

• Component-based architecture (no single large file)

What Is NOT Required

• No backend

• No authentication

• No animations

• No AI functionality

• No API integrations

This is apure frontend UI task.

Deliverables

• GitHub repository with the source code

• README.md including:

  • Setup instructions

  • Brief explanation of component structure

• (Optional)Live deployment (Vercel preferred)

Evaluation Criteria

CategoryWeightComponent Structure & Modularity30%Tailwind CSS Usage & Styling30%Responsiveness20%Code Readability & Folder Structure20%



For more than 5 years people

Objective:
Validate the candidate’s ability to build a high-performance, real-time, AI-driven hiring workspace.

Challenge (PoC):
Build aNext.js application featuring:

• Candidate dashboard connected to a mock AI Screening API.

• Real-time transcript rendering from a sample voice input stream.

• Interview block editor (Question → Response → Feedback).

• Mini sandbox for AI-generated report preview.

• Command palette (Cmd+K) with fuzzy search.

• Google/GitHub login (Firebase Auth).

Performance Targets:

• Sub-200ms interaction latency.

• Palette open-to-action<50ms.

• 60fps animation in transcript visualization.

Deliverables:

• Deployed demo (Vercel preferred).

• GitHub repo with modular, documented code.

• README outlining architecture, state management, and tradeoffs.

• 5-min Loom walkthrough demo.

Evaluation Criteria:

• Architecture & Code Quality (25%)

• Real-Time UX & Performance (25%)

• AI & Interaction Layer (20%)

• UI/UX Polish & Accessibility (10%)

• Security & Sandboxing (10%)

• Tests & Documentation (10%)