Frontend Engineer (New Grad) Resume Example
Frontend engineers reach entry level when they show UI ownership measured by performance metrics like LCP, not a list of academic languages without tangible delivery.
This resume is for new-grad frontend engineers who have completed multiple internships and shipped production-ready features, but aren't yet responsible for end-to-end product roadmaps or architectural standards.
- Proficiency in modern frontend frameworks and type-safe development
- Evidence of optimizing for user-centric performance metrics
- Experience collaborating within professional engineering workflows and design systems
- Education section prioritized at the top to anchor academic background
- Skills categorized by language, framework, and tooling
- Professional experience organized by internship chronological order
Michelle Park
Summary
Experience
- Optimized data visualization dashboard using React and D3.js, improving Largest Contentful Paint (LCP) from 2.8s to 2.1s for 1,200 internal users.
- Developed 8 reusable UI components for the internal design system, increasing front-end development velocity for 3 engineering teams.
- Refined accessibility compliance by auditing 15+ pages, resolving 22 WCAG violations and achieving an A to AA rating.
- Engineered a client-facing trade monitoring interface using TypeScript and React, reducing manual data entry errors by 18%.
- Streamlined CSS architecture by migrating legacy stylesheets to CSS-in-JS (Styled Components), cutting total bundle size by 142KB.
- Spearheaded the implementation of unit tests for the merchant analytics dashboard, increasing code coverage from 62% to 85% using Jest and React Testing Library.
- Built a responsive onboarding flow for a mobile-web application, increasing user activation rates by 12% over a 3-month period.
- Integrated RESTful APIs into the internal employee portal using Axios, enabling real-time data synchronization for 5,000+ records.
- Identified and resolved 10+ cross-browser compatibility issues across Chrome, Safari, and Firefox to ensure consistent UI rendering.
Education
Skills
JavaScript · TypeScript · HTML · CSS · React · Git · Redux · D3.js · Jest · Styled Components · Web Vitals · Node.js · PostgreSQL · Figma · GraphQL
Projects
Personal Portfolio & Technical Blog
Architected a high-performance personal website with 100/100 Lighthouse scores, featuring a custom MDX-based CMS for publishing technical articles and tutorials.
Next.js, TypeScript, Tailwind CSS, Framer Motion
Real-time Crypto Analytics Dashboard
Developed a live cryptocurrency tracking application that visualizes market trends using interactive time-series charts and provides real-time price alerts via WebSockets.
React, D3.js, Node.js, Socket.io
What makes this resume effective
- This resume meets the hiring bar for new-grad frontend engineers by demonstrating technical depth in React/TypeScript, a focus on Web Vitals performance, and experience with enterprise-scale design systems.
- Notice how Michelle Park highlights her work at Two Sigma by citing a specific improvement in Largest Contentful Paint (LCP) from 2.8s to 2.1s, proving she understands modern performance metrics.
- See how the Goldman Sachs section details a migration to Styled Components that resulted in a 142KB bundle size reduction, showing a focus on optimization rather than just feature delivery.
How to write better bullet points
Helped build a new onboarding flow for mobile users.
Built a responsive onboarding flow for a mobile-web application, increasing user activation rates by 12% over a 3-month period.
It replaces a passive description with a concrete outcome and a specific business metric.
Fixed accessibility issues on several web pages.
Resolved 22 WCAG violations across 15+ pages, improving the accessibility rating from A to AA for internal dashboards.
It quantifies the effort and uses industry-standard terminology like WCAG to demonstrate professional knowledge.
Used React to make the dashboard faster.
Optimized data visualization dashboard using React and D3.js, improving Largest Contentful Paint (LCP) from 2.8s to 2.1s.
It specifies the exact tools used and the technical metric improved, moving from a vague claim to a verifiable win.
Frontend Engineer (New Grad) resume writing tips
- Quantify performance wins using specific Web Vitals like LCP or bundle size to prove technical depth.
- Highlight the creation of reusable UI components to demonstrate your ability to work within a design system.
- List specific testing libraries like Jest or React Testing Library to show you prioritize code reliability and quality.
Common mistakes
- Focusing only on 'what I learned' instead of 'what I delivered.' Hiring managers need to see that your internship work had a tangible impact.
- Listing every language ever touched in a classroom. Over-indexing on backend or low-level languages can dilute your specialization in the UI layer.
- Omitting the scale of your work. Failing to mention how many users or engineers were impacted makes it harder to judge the scope of your responsibility.
Frequently asked questions
Is this resume right for someone with only one internship? Yes if that internship involved shipping production code. If your experience is purely academic, lead with a robust and technical projects section.
Yes if that internship involved shipping production code. If your experience is purely academic, lead with a robust and technical projects section.
Yes, if that internship involved shipping code to a production environment. No, if your experience is purely academic, in which case you should lead with a more robust Projects section.
What if my internships were at small startups rather than large firms? Yes, because technical complexity and the specific tools used to solve problems matter more than company size or brand recognition.
Yes, because technical complexity and the specific tools used to solve problems matter more than company size or brand recognition.
The principles remain the same regardless of company size. Focus on the complexity of the features you built and the specific technologies you used to solve problems, just as this resume does for Capital One.
What if I don't have exact metrics like LCP or bundle size numbers? Use proxy metrics like component reusability counts, code coverage percentages, or the volume of bugs resolved to demonstrate your impact.
Use proxy metrics like component reusability counts, code coverage percentages, or the volume of bugs resolved to demonstrate your impact.
You can use proxy metrics like the number of components created, the percentage of code coverage increased, or the number of bugs resolved. The goal is to show you are thinking about the impact of your code.
How much should I change the projects section? Replace them with your most significant work that demonstrates skills missing from your internships, such as full-stack integration or complex logic.
Replace them with your most significant work that demonstrates skills missing from your internships, such as full-stack integration or complex logic.
You should replace the projects entirely with your own most significant work. Ensure your projects demonstrate skills that aren't fully captured in your internships, such as full-stack integration or complex data visualization.
What do hiring managers focus on at this level? Managers look for technical self-sufficiency through mastery of professional tools like TypeScript, Jest, and modern frontend frameworks.
Managers look for technical self-sufficiency through mastery of professional tools like TypeScript, Jest, and modern frontend frameworks.
In this resume, Michelle Park emphasizes her ability to use professional tools like TypeScript and Jest. Hiring managers look for candidates who can hit the ground running with minimal training on basic development workflows.
Related resume examples
Get a Frontend Engineer (New Grad) resume recruiters expect
Use this example as a base and tailor it to your job description in seconds.
Generate my resume