Frontend Developer resume example

Frontend hiring managers skim for two things fast: the exact framework version in the job post, and proof you can move a real performance or accessibility number. A generic 'built responsive UIs' line gets skipped, but 'cut LCP from 4.2s to 1.6s' stops the scroll.

Keep the layout single-column and text-based — no icon grids or skill bars, since many ATS parsers mangle them. Lead each bullet with the framework or tool, then the measurable outcome: bundle size, Lighthouse score, conversion lift, or accessibility compliance level.

Maria Chen

Frontend Developer

Seattle, WA maria.chen@email.com +1 (206) 555-0132 mariachen.dev linkedin.com/in/mariachen github.com/mchen-ui

Summary

Passionate Frontend Developer with over 5 years of experience building performant, accessible web applications using React, TypeScript, Next.js, and modern CSS architectures. Specializes in Core Web Vitals optimization and design system architecture, slashing load times by 62% and enforcing WCAG 2.1 AA compliance across enterprise platforms.

Experience

Frontend Developer

Loomstack · Seattle, WA

Mar 2023 — Present

Rebuilt the checkout flow in React 18 with code-splitting, cutting page load latency from 4,200ms to 1,600ms and decreasing cart abandonment by 11%.
Led the migration of 40 shared UI components to a WCAG 2.1 AA-compliant design system, resolving 130 accessibility issues across 8 product teams over 6 months.
Automated a Lighthouse CI gate in the GitHub Actions pipeline, maintaining performance scores above 90% across 50 pull requests.

UI Engineer

Pixelford Studio · Seattle, WA

Jul 2020 — Feb 2023

Converted a legacy dashboard to React and Redux, reducing client-reported UI defects by 47% within 3 months post-launch.
Built a reusable form-validation library adopted across 6 departments, reducing form implementation time from 3 days to 4 hours.
Streamlined the Figma-to-code handoff workflow, cutting visual QA revisions per sprint from 5 rounds down to 2 rounds across 12 engineers.

Skills

React · TypeScript · JavaScript · CSS/Sass · Webpack · Vite · Redux · Next.js · Jest · Cypress · Figma · WCAG/Accessibility · REST APIs · Performance Optimization

Education

University of Washington

B.S. Informatics

2016 — 2020

Focus: Human-Computer Interaction

Frontend Developer · Technical Mono template · single-column, ATS-safe.

ATS keywords for a Frontend Developer resume

Applicant tracking systems match your resume against the job description's vocabulary. Mirror the terms below that are true of you — ideally with a metric attached.

ReactTypeScriptJavaScript (ES6+)CSS3/SassWebpackViteLighthouseCore Web VitalsWCAG 2.1Responsive DesignReduxNext.jsJestCypressFigmaREST APIs

What recruiters look for

The specific framework and version from the posting (React 18, Vue 3, etc.) stated plainly.
A Core Web Vitals or Lighthouse score improvement with before/after numbers.
Component library or design-system experience, since most teams now share one.
Accessibility work called out explicitly (WCAG level, screen-reader testing), not implied.
Collaboration signals with design and backend — PR review cadence, Figma handoff process.

Before & after: one bullet

Weak

Worked on the company website and made it more responsive.

Strong

Rebuilt the marketing site in Next.js with responsive breakpoints, lifting mobile Lighthouse score from 61 to 94 and mobile conversion 14%.

Common mistakes to avoid

Describing pages built instead of the performance or UX metric those pages moved.
Omitting the CSS approach (Sass, Tailwind, CSS-in-JS) that the team actually needs to know.
No mention of testing (Jest, Cypress, React Testing Library) — reads as 'ships bugs'.
Screenshots or visual portfolios embedded in the resume file itself, which ATS cannot read.