Here's a series of front end code tests that I published on Code Sandbox. Take a look and feel free to use these when interviewing front end candidates. See the README's in the Sandboxes for more details. WARNING: The instructions below and in the CodeSandboxes are imperfect and nebulous. I’ll be in the room interviewing people and I’d like to work with them to see how they think and try to understand their experience level. If anyone wants more thorough instructions and final requirements for interviewees then please ping me.

Part 1

In this portion of the test we want to warm up and solve some easy problems. Time allotment: 10 mins Requirements:

• Import all the data from data.js
• Create a new component and pass the data to it as a prop
• Show only the Tracks in this new component

Part 2

In this portion we want to work on adding interactivity and displaying dynamic data. Time allotment: 20 mins Requirements:

• Use the existing components to show selected data
• Pass functions as props
• Manage state in App.js

Part 3

Finally, we will work on styling some markup using whatever CSS methodology we want. Time allotment: 15 mins Requirements:

• Use the design as inspiration
• Looking for basic knowledge here
• Getting to adding an active class and styling that properly would be great

Completed Solution

This isn’t an all encompassing solution nor is it perfect but it will be a good tool to share with candidates so they know how to manage apps like this in the future. If there’s ever a point where something in the previous parts doesn’t make sense we can easily jump to this and work around some other problems.