How To Write a Front-End Developer Resume That Will Land You an Interview

An article for junior to mid-level front-end developers, from the interviewer’s point of view

Gareth Cheng
Jan 6 · 7 min read
Image for post
Image for post

As a front-end developer, you build visible stuff, and hopefully, you make it look good. This same kind of mentality should be reflected in your resume. Well-spaced, readable, and breathable.

What you’ll learn through this article

  1. How to put IT skills and technical abilities on your resume.
  2. A step by step guide on how to present your past experience.
  3. How to build your frontend portfolio.
  4. Using a resume builder to write your resume.

1. Start With the Basics

Image for post
Image for post

Your contact information

Summary statement

Keep in mind a few things when you’re writing it:

  • Don’t call yourself an Angular[JS]/React developer unless the position explicitly calls for that. Labeling yourself as an X developer tells people that you only want to do X and you may be a rigid person or otherwise not adaptable.
  • Ask yourself, which keywords should I include to ensure the intended audience continues reading the rest of my resume?
  • Read the job description, keeping in mind keywords and key phrases. What are they looking for? What sets you apart from the other applicants?


2. Technical Skills

Image for post
Image for post
Photo by Filiberto Santillán on Unsplash

For a software developer, this part is the most important section to make you stand out. When you list your skills, you should convey a deep understanding of what each skill is, what context it’s used in, and at what level it’s used. Try to be honest and clear here.

A few tips getting started

  • Be specific about your proficiency levels, and be honest. By stating your proficiency levels, the person reading your resume will quickly get a clearer picture of you, and this will save you both time.
  • If a skill isn’t directly related to the position but may be relevant to the industry, include it. This gives you a better chance of being sourced by recruiters.
Image for post
Image for post

How not to present your skills

Image for post
Image for post

Don’t do this. That’s an entire IT department.

Try not to present your skills like the example above. If you’ve literally just started learning a new skill, don’t put it on your resume. This will stop recruiters from recommending you for jobs you’re not qualified for.

3. Working Experience

Image for post
Image for post

Use action words


Less is more

Include relevant keywords

You can do this by analyzing the job postings of your desired position, identifying specific words and phrases that best describe it, and then implementing them to your resume.

Follow a step by step guide:

// First things first, write down your company name, your title, and the time period you have been working here.

ABC Company, Frontend Developer, 2017-present

// a short intro if your company is not well known

ABC Company is a company that makes the world a better place, we’re trying to solve people’s problems.

// List a few major achievements and put in relevant key words
  • Developed a prototype used to visualize transportation routes using React, Antd, and
  • Built a scheduling tool in the form of a Gantt chart using React and Material-UI.
  • Balanced requirements, UX, and deadlines in order to get most of the business value in a limited timeframe.
// List the technology you used

Technologies: React,, Python, Recharts, Node.js

This is how your work experience should be presented:

Image for post
Image for post

4. Portfolio — Set Yourself Apart From Your Peers

Image for post
Image for post
Trantor Liu’s Portfolio on CakeResume

As Coding Bootcamps increase the supply side for front-end developers, a great number of developers are flooding into the developer job market.

Adding a little bit about your unique experience or projects would absolutely set you apart from your peers. Also, it’s crucial to building up your own portfolio since the definition of “experience” is different for everyone.

Showcasing your past works and projects quickly proves your web development ability, increasing the chances of landing an interview in the competitive market. You can upload your work on CodePen or CakeResume.

Describe the work in your portfolio

When you’re building your portfolio, include these things:

  • A screenshot or a live demo link.
  • What does your work do?
  • What did you contribute?
  • The language, framework, or pattern you used.

A few examples:

A few suggestions if you’re starting from scratch

  • Start writing a tech blog. This could also be part of your portfolio.
  • Go to your first Hackathon and make something.
  • Start to solve your own problem.

5. Online Resume Builders

Here are some advantages of online resume builders:

  • They help you create your resume with up-to-date designs, which gives a good impression to your future employer.
  • They save you time. Especially for those who don’t know where to start and those who don’t want to mess around with adjusting columns and borders.
  • They help to ensure that you don’t leave out any vital information.
  • They make it easy to update a resume and swap out information. You can slightly tweak a resume to tailor the information for different employers.

6. Make Good Use of the Hyperlink

When to use hyperlinks

  • You want to mention third-party services or SDKs you used.
  • You want to present the documented solution for a previous problem you tried to solve on your personal blog or Medium.

Better Programming

Advice for programmers.

Gareth Cheng

Written by

Business Development | Ex-Apple. Building the next generation talent market

Better Programming

Advice for programmers.

Gareth Cheng

Written by

Business Development | Ex-Apple. Building the next generation talent market

Better Programming

Advice for programmers.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store