You'll be building a simple header with a drop down menu interaction. Spend a couple of hours on this we don't want you to be losing sleep but it would be nice to finish all the points in the code spec.
Login to Figma here to see and inspect the design: https://www.figma.com/file/0rl7UJm2AZsifyXg37TM6U/frontend-test?node-id=0%3A14
User: [email protected]
Password: haparatest
To get the fonts we have used copy this code into the <head>
of your html document:
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
Use React to create something that follows the supplied design. Try to include two reusable components using your framework. Examples of these might be the navigation menu on the top left and the dropdown menu on the top right.
When clicking the [email protected]
option in the drop down the UI should change as per the design to the student view. Then when clicking the [email protected]
option it should change back to it's original state.
A unit or end-to-end test to prove some functionality works.
A responsive layout which adjusts to various screen sizes. The design does not include a mobile version so it is up to the developer to use thier own judgement to present this.
OR
Integrate something cool you have seen recently in the frontend space. It's up to you it's a blank canvas.
Please create your own git repository and provide us access to clone it when you are finished, with instructions to build and run the application.