Skip and go to main content

The Case

Frontend Developers

Case Frontend Developers

We have formulated an assignment to test your technical knowledge. We have made the assignment bigger or smaller depending on the level at which you are applying. Carefully read what to do and what not to do. You will find enclosed a design containing all of the necessary elements. It is entirely up to you to decide how to set up and approach this.

The design has been made in Sketch from Bohemian Coding, which is only available for Mac OS X. Download the app and use the free trial for this assignment. Windows users can view the dimensions of the design online and export the necessary assets via zpl.io/2mFJ26. The login is [email protected] and the password is F$Qu4RVD.

Assignment

Choose a level for doing the assignment.

Level 1

Start by building the home page shown in the design. The required elements are the navigation, the carousel, the content blocks and the Instagram feed. The Instagram feed does not actually have to be linked to the Instagram API.

Level 2

Build the home page and the contact page shown in the design. There is an Instagram feed on the home page and this must display the most recent photos of the TamTam Instagram account. The contact form must feature validation; it must not be possible to send the form until all of the fields have been correctly filled in. The details do not actually have to be sent anywhere.

Level 3

Build all of the pages and functionality shown in the design as a web app. This means that routing etc., must be handled on the client side. There is an Instagram feed on the home page and this must display the most recent photos of the TamTam Instagram account. The contact form must feature validation; it must not be possible to send the form until all of the fields have been correctly filled in. The details do not actually have to be sent anywhere.

Level 4

Surprise us! Build something we haven’t thought of or what you think is valuable addition.

One more thing…

Everything has to be completely responsive, which means working from a resolution of 320 pixels in width. You should mainly use frameworks and/or libraries, but we will also be interested in seeing your own approach. You have 16 to 24 hours to complete the assignment. If no completion date has been agreed with you, try to complete the code within a week. Place your code on GitHub (or something like Bitbucket) and send us the link to your repository where we will find both the source code and the compiled version. That means no ZIP files.

Good Luck!