The purpose of this exercise is for us to get a sense of your ability to accurately translate a design into quality HTML/CSS and how you would approach designing and implementing a simple Javascript widget. We’ve tried to focus on something that shows how you would structure a front end solution.
There is no time limit, but we expect most applicants to spend roughly 3 hours working on the test. Once complete please share your repository, forward a zip file of the source code and dependencies, or use a service like Dropbox to share the file.
Feel free to use any language/toolset you like, however, submission written in React will be looked on favourably. The only requirement is that you can describe how to set it up on a mac so we can see it running.
If you make any assumptions about requirements, or use any online resources to solve a problem, please make note of these somewhere obvious inside the solution (e.g. code comments).
Your solution will be evaluated internally by one or more of your potential co workers. You should expect a response from us within 2 business days.
Using the design below, create a “weather widget” editor that allows users to set up a widget.
The widget editor must have a form to allow a user to create a new widget. This form must include the following fields:
The widget itself should be a piece of Javascript that reads the end user’s current location using navigator.geolocation
, and retrieves the current weather conditions for that location using the Open Weather Map API.
The data the widget displays is determined by the settings in the editor.
Combine the above two into a sample page that matches the following design:.
Please submit the following deliverables to: amp HYPHEN tech HYPHEN test HYPHEN submissions HYPHEN group AT fairfaxmedia DOT com DOT au
.
Focus on accurately translating the design into quality HTML/CSS before moving onto the Javascript functionality.
Note: we prefer that you send us a link to a repository. If you send an attachment via a zip file with your source code, please be aware that Gmail may block you email. You will receive a confirmation email for your submission.