Front-End Developer

Horizon Labs; United States; Presencial; USD 100.000 - 150.000; Jornada completa

Descripción de la vacante

Horizon Labs seeks an experienced frontend engineer to build accessible, high-performance UI components using React/Next.js and TypeScript. You’ll translate Figma specs into production-ready code, wire APIs, and enforce design system tokens across the app.

You will own state management, API integration, and optimize for Core Web Vitals while maintaining strong tests (Jest, Playwright/Cypress) and CI/CD discipline.

Formación

• 3+ years building production web apps at a startup or agency.
• Strong TypeScript, React, and Next.js (SSR/ISR/Edge basics).
• Expert HTML/CSS (Flexbox/Grid), modern CSS tooling (Tailwind or CSS Modules).
• Testing proficiency with Jest and Playwright/Cypress; comfortable in Git-based CI/CD.
• Web performance and accessibility skills; Core Web Vitals literacy.
• API integration experience and practical security awareness (XSS, CSRF).
• Clear written communication; crisp PRs and docs.
• Time-zone overlap: minimum 4 hours with Pacific Time or Türkiye time, depending on team.
• Based in the United States or Türkiye.

Responsabilidades

• Implement responsive UI with React/Next.js and TypeScript using reusable, documented components.
• Translate Figma to code: layouts, states, interactions, microcopy, and edge cases.
• Manage state and data fetching (React Query/Zustand/Redux) with optimistic updates and caching.
• Integrate APIs (REST/GraphQL), handle auth, errors, and retries; create mocks for local dev.
• Optimize performance: code-splitting, tree-shaking, image optimization, lazy loading, and memoization.
• Enforce accessibility: semantic HTML, keyboard flows, focus management, ARIA where required.
• Write tests at the right levels; keep CI green and PRs small and reviewable.
• Guard the design system: tokens, theming, and component governance with design partners.
• Instrument the UI with logs/metrics/traces; debug using telemetry.
• Document decisions, patterns, and runbooks where the team can find them.

Conocimientos

TypeScript

React

Next.js

HTML/CSS

Tailwind/CSS Modules

Testing (Jest)

Playwright

Cypress

Git CI/CD

Web Performance

Accessibility

API Integration

Security (XSS/CSRF)

Communication

Time-zone Overlap

Herramientas

Jest

Playwright

Cypress

Git

Descripción del empleo

Build accessible, performant, and reliable user interfaces. Turn Figma specs into production components, wire APIs, enforce design systems, and improve Core Web Vitals. Ship fast, keep quality high, and measure outcomes.

Location: United States or Türkiye only. We do not hire outside these countries.

What you'll deliver in your first 90 days

• Ship 3+ user-facing flows with on-time delivery ≥85%.
• Component library baseline in Storybook with tokens, variants, and usage docs.
• Testing baseline: unit and E2E (Jest + Playwright/Cypress) running in CI; flaky rate <2%.
• Accessibility checks: Lighthouse ≥90 and WCAG AA spot checks on critical paths.
• Performance budgets set (bundle, images, third-party) and tracked in PRs.
• Error monitoring and tracing wired (Sentry/OpenTelemetry) with dashboards.

Responsibilities

• Implement responsive UI with React/Next.js and TypeScript using reusable, documented components.
• Translate Figma to code: layouts, states, interactions, microcopy, and edge cases.
• Manage state and data fetching (React Query/Zustand/Redux) with optimistic updates and caching.
• Integrate APIs (REST/GraphQL), handle auth, errors, and retries; create mocks for local dev.
• Optimize performance: code-splitting, tree-shaking, image optimization, lazy loading, and memoization.
• Enforce accessibility: semantic HTML, keyboard flows, focus management, ARIA where required.
• Write tests at the right levels; keep CI green and PRs small and reviewable.
• Guard the design system: tokens, theming, and component governance with design partners.
• Instrument the UI with logs/metrics/traces; debug using telemetry.
• Document decisions, patterns, and runbooks where the team can find them.

Requirements

• 3+ years building production web apps at a startup or agency.
• Strong TypeScript, React, and Next.js (SSR/ISR/Edge basics).
• Expert HTML/CSS (Flexbox/Grid), modern CSS tooling (Tailwind or CSS Modules).
• Testing proficiency with Jest and Playwright/Cypress; comfortable in Git-based CI/CD.
• Web performance and accessibility skills; Core Web Vitals literacy.
• API integration experience and practical security awareness (XSS, CSRF).
• Clear written communication; crisp PRs and docs.
• Time-zone overlap: minimum 4 hours with Pacific Time or Türkiye time, depending on team.
• Based in the United States or Türkiye.

Nice to have

• GraphQL, WebSockets, or real-time features.
• Edge/serverless (Vercel/Cloudflare) and image/CDN tuning.
• Analytics basics (GA4/Mixpanel) and light SQL for checks.
• LLM/AI feature integration and prompt/tooling hygiene.

How we work

• Two-week sprints, trunk-based development, frequent releases.
• “MVP first” with Definitions of Ready/Done and release checklists.
• Written decisions > meetings; docs live in the repo or Notion.

Application items

• Resume or LinkedIn.
• Links to two code samples or a small repo showing component work and API integration.
• A short note on a performance or accessibility improvement you shipped, with before/after metrics.

Horizon Labs builds MVPs, modernizes legacy systems, and integrates complex stacks for startups and SMBs.