How to Ace Your Interview Assignment to Land Your Next Front-end Job by@marcinwosinek

How to Ace Your Interview Assignment to Land Your Next Front-end Job

Read on Terminal Reader
Open TLDR
react to story with heart
react to story with light
react to story with boat
react to story with money
It's better to stick to what you know best and learn new things on a different project. Make sure the thing you deliver is easy to review. It doesn’t have to be beautiful, but it should be usable—no matter whether the reviewers are sitting in front of the computer or on a bus on their phone. Make sure it works on a range of browsers and devices. Add some high-level documentation—what framework you used and how to build or test your code. Set up unit tests can be an example of showing that you are a quality-focused developer.
image
Marcin Wosinek HackerNoon profile picture

Marcin Wosinek

I'm a JavaScript developer. I'm here to teach you useful skills, so you can succeed in your work & private projects.

linkedin social icongithub social icontwitter social iconinstagram social icon

Let’s have a quick look at how to make your next front-end interview assignment look as good as possible.

Stick to What You Know the Best

It can be tempting to kill two birds with one stone and try learning or practicing some new technology while applying for a job. For sure, it was tempting for me at some point. But this isn’t how you’ll produce your best code. It’s better to stick to what you know best and learn new things on a different project.


You know which option will get a better offer.

You know which option will get a better offer.

Make Your Project Easy to Review

Make sure the thing you deliver is easy to review. The perfect flow from the reviewer's perspective would be:

  • get a working link
  • see with their own eyes that the application works as expected
  • dive into the code to see how you achieved what you did


Reviewing code without seeing whether it works feels a bit pointless. I’m not going to care much about how your code looks before seeing that it’s working as expected. And if it’s not easy to see it working, I may never bother to give it an in-depth review.


Give them everything on a silver platter

Give them everything on a silver platter


Deliver something interactive and easy to look through

For a front-end application, the easiest solution is to deploy it to one of the free servers you can use:

  • GitHub pages,
  • GitLab pages, or
  • Netlify.

Never send ZIP files

Sending ZIP files has two disadvantages that could be a deal-breaker just by themselves:

  • it’s inconvenient
  • opening a ZIP file is a security risk

Add README

Any project you have needs a README, and an interview assignment needs one even more. You should shortly introduce the exercise you implement and link a usable application. After that, you can add some high-level documentation—what framework you used and how to build or test your code.

Share your thinking process

Share with the reviewer your thinking process. If you use some patterns or best practices, then reference them explicitly in the documentation. If you encountered some tradeoffs, describe them and explain why you chose the way you implemented them.

Can be fun to open!

Can be fun to open!

Make Sure Your Project Works

Make sure your project is functional and that it works on a range of browsers and devices. It doesn’t have to be beautiful, but it should be usable—no matter whether the reviewers are sitting in front of their computers or on a bus on their phones.

Set up unit test

Setting up unit tests can be an excellent example of showing that you are a quality-focused developer. You don’t have to aim for full code test coverage: just a few tests showing you know what it is should be enough.

Make Your Project Shine

If you want to stand out, you can consider adding some of the following things. Doing so will probably be a bit beyond the scope of what the assignment asked for, but it can show that you know the tasks that you will perform every day at your job.

Make it engaging

Add a few routes to your project. You can keep the reviewer's attention a bit longer by having additional pages. Maybe a short /about so they can easily match this demo app with your CV?

Set up lint & prettier

Many professional teams use linters and automated tools to enforce their chosen code style. In the front-end case, those will be most likely ESLint & Prettier. It can be a nice touch to your show-off project to do the same—if there are any consistency-focused developers on the team, they will for sure notice it.

Make meaningful commits

Git (or, more generally, version control) is a crucial tool for working together on projects in IT. The team collaborates on the Git repository, so good commit messages are essential. If you create a history that makes sense for an example project, it’s a good sign of how your contributions to the company’s project will look.


Make meaningful commits

Make meaningful commits


Also published here

react to story with heart
react to story with light
react to story with boat
react to story with money

Related Stories

L O A D I N G
. . . comments & more!