JS Internship Test
JS INTERNSHIP TEST
(The time you have for completion of this test is 8 hours.)
Test overview
Your main goal for this test is to craft a nice looking and interactive UI that allows
users to review weather info in your application. Application must consist of two main
sections:
1. List of days that we have weather info for
2. Weather widget that will display detailed info for a single day
Page 3
Weather data
Data should resemble to the following example:
const weatherData = {
tempUnit: ‘C’,
windSpeedUnit: ‘m/s’,
days: [
{ day: ‘Mon’, temp: 22, windDirection: ‘north-east’, windSpeed: 10 , type:‘sunny’ },
{ day: ‘Tue’, temp: 14, windDirection: ‘north-west’, windSpeed: 14, type: ‘rainy’ },
{ day: ‘Wed’, temp: 17, windDirection: ‘south-east’, windSpeed: 20, type: ‘cloudy’ },
.........
]
}
Page 4
ŞŞĬĜΰƋĜŅĹƉāŅƵƉ
Following features are core app’s functionality and they are mandatory:
• Every item in the list should contain day and its temperature.
• Every list item should be clickable and by clicking on a single item, that day’s
weather info should be shown in the widget.
• Widget, on the other hand, will display all info about selected day. Wind direction
should be show as an arrow of an appropriate direction.
Optional features (will be treated as a bonus):
• User can convert temperature unit to Kelvin (K)
• User can convert wind speed unit to km/h
Page 5
Important notes
• Solve the following tasks using core frontend technologies - HTML5/CSS3/JS
• Your code organization and readability will be one of the main evaluating criteria.
• Use ES6 as your JavaScript standard
• Try to use semantically correct HTML5
ÎųƼckƋŅƚŸåŅĬÚƋåÏĘĹĜŧƚ埊Ƌ±ÆĬåŸØāұƋŸñš
Page 6
Upload your code to an online VCS (GitHub, GitLab, BitBucket …) so that we can see your
progress. Make sure to commit relatively often and leave descriptive messages
Page 7
Thank You For Your Application!
[Link]