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. 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. 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 , 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. README 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. 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 so they can easily match demo app with your CV? /about this 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. Also published here

Flow

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

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

3 Steps to Adding End-to-end Tests to Your Project

What No One Told Me About Being a Product Manager at an Early Stage Startup

10x10: Ten Life Lessons from a Developer After Ten Years in the Industry

10 Things Every New Developer Should Know

10 Steps for Landing a Job at a Startup

10 Skills You Need For Your Post-Pandemic Career

3 Steps to Adding End-to-end Tests to Your Project

What No One Told Me About Being a Product Manager at an Early Stage Startup

10x10: Ten Life Lessons from a Developer After Ten Years in the Industry

10 Things Every New Developer Should Know

10 Steps for Landing a Job at a Startup

10 Skills You Need For Your Post-Pandemic Career

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps