Front-end interview task

The challenge consists of 3 small tasks. They could be done separately and it's not necessary to implement all of them. However, you are encouraged to do as much as possible during the 2-3 hours interview period.

You can start by forking the repository and updating the necessary files.

Good luck and amaze us with your skills!

Task 1 - Data filtering

Please replace the dummy values in the data-provider.js file with real values taken from the ins.data json file included in the project.

There are 3 functions:

getCountries() - should return an array of unique countries
getCamps(country) - should return an array of camps located in the given country
getLessonsByYear(country) - should return two arrays, one that contains unique years and the second with the total number of lessons in the country by the year

Task 2 - Data binding

Please connect the data to the UI components located in the Ins.vue file:

The "Countries" combo should be populated with the results from the getCountries() function.
The "Camps" combo should be populated with the results from the getCamps(country) function.
The chart should be populated with the results from the getLessonsByYear(country) function.

Task 3 - Data filtering

Please style the chart (<line-chart></line-chart>) in the Ins.vue according to the attached design:

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

maxgraze-zz/front-end-interview