Free tools
/
Job descriptions
/
Front-End Developer
Free template · 2026

Front-End Developer Job Description Template

A ready-to-use Front-End Developer job description for 2026, with the interview scorecard and questions to hire one. Copy it as is or customize it free in about 15 seconds.

Includes the job description, an interview scorecard and questions for every round.

Mid-level in Latin America
$4,500/mo
Same role in the US
$11,875/mo
You save
Up to 62%

All-in monthly cost, 2026 rates.

Job description template
Copy text

Front-End Developer

We are looking for a mid-level Front-End Developer to build and improve user-facing web experiences with a focus on performance, accessibility, and maintainable UI architecture. You’ll collaborate with design and engineering partners to deliver features end-to-end, from implementation through testing and release.

Responsibilities

  • Develop responsive, accessible UI components and pages using modern front-end frameworks
  • Implement client-side features that integrate with backend APIs and handle error states gracefully
  • Collaborate on UI architecture decisions (state management, component boundaries, styling approach) to keep code maintainable
  • Optimize application performance (rendering, loading, and runtime behavior) based on observed bottlenecks
  • Write and maintain unit/integration tests and support reliable releases
  • Debug production issues and improve the quality of front-end experiences through iterative fixes
  • Document front-end patterns and contribute to team standards for code quality and consistency

Must-have qualifications

  • Hands-on experience building production front-end applications with React
  • Proficiency with TypeScript and strong fundamentals of JavaScript
  • Experience creating accessible, keyboard-navigable interfaces using semantic HTML and ARIA appropriately
  • Strong understanding of front-end performance (Core Web Vitals concepts, render optimization, bundle considerations)
  • Practical experience integrating front-end code with REST or GraphQL APIs
  • Experience writing unit and integration tests for front-end features

Nice to have

  • Experience with a component library (e.g., Material UI, Chakra UI, or similar)
  • Familiarity with state management patterns (e.g., Redux, Zustand, React Query) and caching strategies
  • Experience with CI quality checks for front-end (linting, type-checking, test gates)

What success looks like in 12 months

  • Feature delivery with reliable UI behavior
  • Performance improvements aligned to measurable goals
  • Accessibility and usability compliance
  • Improved code quality and test coverage

Logistics

  • Full-time (40 hours a week), remote from Latin America.
  • Working hours overlap with US business hours.

About the company

[About your company: what you build, your stage and team size]

Want it tailored to your stack, seniority and time zone?

Customize with the free generator →
Interview scorecard

Score every candidate against the same bar

Deliver user-facing web experiences that are fast, accessible, and maintainable through high-quality front-end engineering.

Outcomes to measure

What this hire should deliver in the first year. Replace [N] with your own targets.

  • Feature delivery with reliable UI behavior. Measure: Ship [N] user-facing features with front-end regression issues at or below [X]% of releases
  • Performance improvements aligned to measurable goals. Measure: Reduce relevant performance regressions by [X]% and improve key page metrics by [Y] (e.g., LCP/INP/CLS targets as defined by the team)
  • Accessibility and usability compliance. Measure: Achieve [X]% pass rate on agreed accessibility checks (manual + automated) and resolve [N] accessibility issues identified in audits
  • Improved code quality and test coverage. Measure: Increase front-end test coverage by [X]% or add [N] high-value tests to critical flows, maintaining CI pass rate at or above [X]%

Competencies and weights

What to evaluate, how much it counts and what a strong answer looks like.

React component engineering · 22%
Core role requirement: building production UI components and pages with solid React patterns. Evaluated in Round 1.

  • Weak: Builds UI but struggles to structure components, reuse patterns, or manage state cleanly.
  • Meets the bar: Implements well-structured components with clear props/state boundaries and readable patterns.
  • Strong: Designs reusable component APIs, manages state effectively, and prevents common React pitfalls (e.g., unnecessary re-renders, incorrect keys).

TypeScript and JS fundamentals · 18%
Type safety and JavaScript fundamentals are essential for reliable front-end behavior and maintainable code. Evaluated in Round 1.

  • Weak: Frequently relies on implicit any/unsafe patterns or makes common JS mistakes affecting runtime behavior.
  • Meets the bar: Uses TypeScript effectively for types, narrowing, and safer interfaces; writes reliable JS.
  • Strong: Leads with strong typing strategies (interfaces, generics where appropriate) and prevents whole classes of bugs through type design.

Accessibility implementation · 16%
Accessible UI is a must-have; the candidate must implement semantic HTML, keyboard navigation, and ARIA appropriately. Evaluated in Round 2.

  • Weak: Uses ARIA/semantics inconsistently or overlooks keyboard navigation and focus management.
  • Meets the bar: Implements semantic HTML, correct labeling, and keyboard navigation; ARIA is used appropriately.
  • Strong: Proactively designs accessible interaction patterns (focus order, live regions when needed) and verifies behavior through testing/audits.

Performance optimization · 16%
Performance is critical for user experience; the candidate must understand and apply practical optimizations. Evaluated in Round 2.

  • Weak: Applies superficial optimizations without addressing the actual rendering/loading bottlenecks.
  • Meets the bar: Identifies likely bottlenecks and applies targeted improvements (memoization, code splitting, render optimization).
  • Strong: Uses measurement-driven troubleshooting and improves performance across render, loading, and runtime behavior with minimal regressions.

API integration reliability · 14%
Front-end must integrate with backend APIs correctly, including robust error handling and predictable data flow. Evaluated in Round 3.

  • Weak: Implements API calls without clear handling for loading/error states or data consistency.
  • Meets the bar: Integrates APIs with clear loading/error handling, predictable data flow, and correct request/response usage.
  • Strong: Designs resilient integration patterns (cancellation, retries where appropriate, cache-aware updates) and prevents edge-case UI failures.

Testing discipline · 14%
The candidate must write tests that support reliable releases and reduce regressions in critical flows. Evaluated in Round 3.

  • Weak: Adds tests that are brittle, low-signal, or misses key behaviors; struggles to set up testable design.
  • Meets the bar: Writes meaningful unit/integration tests covering core behaviors and edge cases with stable selectors.
  • Strong: Creates testable component design, writes high-signal tests, and keeps tests maintainable as the UI evolves.
Interview questions

Questions for every interview round

Each round has an owner, a time box and questions that test the competencies above.

Round 1: Front-end foundations
Engineering Lead · 60 min

  1. Walk through a production React feature you built: what components did you create, what state lived where, and how did you prevent unnecessary re-renders?
  2. How do you structure TypeScript types for UI data (props, API responses, form state)? Share a specific example and tradeoffs you made.
  3. Describe an approach you use to manage component boundaries and reusability in React codebases. What signals tell you to refactor into smaller components?

Round 2: Accessibility and performance
Front-End Tech Lead · 60 min

  1. Give an example of implementing an accessible UI pattern (e.g., modal, dropdown, tab, form). How did you handle keyboard navigation and focus management?
  2. How do you evaluate and improve performance in a React app? Describe what you would measure first and what optimizations you typically try.
  3. What are common performance mistakes in front-end code (rendering, effects, large bundles), and how do you detect and correct them?

Round 3: Integration and reliability
Senior Engineer · 60 min

  1. Describe how you integrate a front-end with a REST or GraphQL API. How do you handle loading, success, empty states, and errors in the UI?
  2. Explain how you test an interactive UI flow that depends on API data. What do you mock, what do you assert, and how do you keep tests reliable?
  3. Tell us about a production bug you debugged in the UI (API-related or rendering-related). What was the root cause and what did you change to prevent recurrence?

Red flags to watch for

  • Reluctance or inability to implement accessible, keyboard-friendly interfaces using semantic HTML and correct ARIA when needed
  • Answers that focus on implementation details but do not demonstrate measurement-driven performance thinking
  • Weakness in TypeScript/JavaScript fundamentals leading to unsafe patterns or frequent runtime issues
  • No clear approach to testing or only low-signal/brittle tests that don’t protect critical user flows
  • Trouble describing robust API integration behavior for loading/error/edge states

How much does it cost to hire a Front-End Developer in Latin America?

In 2026, a senior Front-End Developer in Latin America costs $6,750 to $7,750 a month all-in, versus $14,625 in the US: up to 54% less. Mid-level starts at $4,500.

Country

Mid-level

Senior

Argentina

$4,500

$6,750

Brazil

$5,000

$7,500

Colombia

$4,500

$6,750

Mexico

$5,250

$7,750

United States

$11,875

$14,625

Monthly cost in USD, all-in: the talent's salary plus Teilur's flat 20% fee, from our 2026 rates. The United States row shows what the same role typically costs there.

Compare costs in the calculator →

Frequently asked questions

What does a Front-End Developer do?

Typical responsibilities include: develop responsive, accessible UI components and pages using modern front-end frameworks; implement client-side features that integrate with backend APIs and handle error states gracefully; collaborate on UI architecture decisions (state management, component boundaries, styling approach) to keep code maintainable. The full list is in the template above.

How much does it cost to hire a Front-End Developer in Latin America?

In 2026, a senior Front-End Developer in Latin America costs $6,750 to $7,750 a month all-in, versus $14,625 in the US: up to 54% less. Mid-level starts at $4,500.

Can I customize this Front-End Developer job description?

Yes. Teilur's free Job Description & Scorecard Generator rewrites it for your stack, seniority, time zone and hiring urgency in about 15 seconds. No sign-up needed.

More free hiring tools

Keep going with the rest of your hire.

See all free tools →

Need to fill this role?

Teilur shortlists pre-vetted Front-End Developers from Latin America in about 5 days. Flat 20% of what you pay, no subscription.