Frontend Developer (React, Typescript) - Full-time - Worldwide

About the Role

We're building an innovative agentic code remediation platform that uses AI to fix code quality issues in real-time. The platform helps engineering teams maintain code quality by automatically creating pull requests that fix issues detected by static analysis tools.

We're looking for a Frontend Engineer to create intuitive, real-time interfaces for monitoring and controlling our remediation platform. You'll build dashboards that give developers visibility into automated fixes, remediation progress, and system health using modern JavaScript frameworks and GraphQL subscriptions.

The Frontend You'll Build

You'll create interfaces that help developers:
● Monitor real-time remediation progress across hundreds of repositories
● Visualize code quality trends and fix success rates
● Control agent definitions, remediation rules and configurations through intuitive UIs
● Track PR creation, fix application, and quality gate results
● Analyze performance metrics and system health
Technical Context:
● Backend APIs: GraphQL with subscriptions (Absinthe) and REST endpoints
● Real-time updates: WebSocket connections for live remediation status
● Multi-tenant architecture supporting different organizations
● High-frequency updates from concurrent remediation processes

What You'll Do

Core Responsibilities
● Build responsive web applications using React
● Implement real-time dashboards using GraphQL subscriptions
● Integrate real-time components seamlessly into the JavaScript application
● Create data visualizations for remediation metrics and trends
● Design intuitive configuration interfaces for managing agents
● Develop notification systems for remediation events and alerts
● Optimize frontend performance for high-frequency real-time updates
● Ensure excellent UX across different screen sizes and devices

Example Projects You'll Own

1. Real-Time Remediation Dashboard
   ○ Live view of ongoing remediations across repositories
   ○ Progress indicators for multi-iteration fixes
   ○ Success/failure status with detailed logs
   ○ WebSocket-based updates without polling
2. Code Quality Analytics
   ○ Visualizations of issues fixed over time
   ○ Success rates by rule type and repository
   ○ Cost savings and productivity metrics
   ○ Exportable reports for stakeholders
3. Configuration Management UI
   ○ Intuitive interface for enabling/disabling remediation rules
   ○ Per-repository configuration overrides
   ○ LLM prompt template editor with syntax highlighting
   ○ Safety rules and rate limit configuration
4. Pull Request Timeline View
   ○ Visual timeline of PR → Issue Detection → Fix → Merge
   ○ Diff viewer for automated changes
   ○ Comment threads and approval workflows
   ○ Integration with GitHub PR interface
5. System Health Monitoring
   ○ Service status dashboard
   ○ Rate limiting and circuit breaker visualization
   ○ Queue depths and processing times
   ○ Alert configuration and notification preferences

Technical Requirements

● 3+ years frontend development experience
● Expert-level JavaScript/TypeScript proficiency
● Production experience with React
● GraphQL experience, especially with subscriptions and real-time updates
● State management expertise (Redux, MobX, or similar)
● WebSocket experience for real-time applications
● Data visualization experience with D3.js, Chart.js, or similar
● Responsive design and cross-browser compatibility expertise
● Testing proficiency (Jest, Cypress, Testing Library, etc.)
● Real-time dashboard development experience
● monaco-editor or CodeMirror for code editing interfaces
● Web Workers for offloading heavy computations
● Performance optimization for high-frequency updates
● Experience with server-sent events (SSE)
● Design systems and component library development
● Tailwind CSS or similar utility-first frameworks

What Makes You a Great Fit

You Build Exceptional User Experiences
● Create intuitive interfaces that hide complexity
● Design for developers - understand their workflows
● Make complex data digestible through smart visualization
● Care about performance and perceived performance
You Excel at Real-Time Applications
● Comfortable with WebSocket connections and event streams
● Know how to handle connection failures gracefully
● Can optimize renders for high-frequency updates
● Understand the challenges of eventual consistency
You're Framework Agnostic
● Can work with any modern framework
● Know when to use GraphQL vs REST vs WebSockets
● Can integrate third-party components smoothly
● Understand the trade-offs between different approaches