Scribd
Upload
17 views

Craftsmen Programming Test (UX-Vue)

Uploaded by

শুভ সাহা
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
17 views

Craftsmen Programming Test (UX-Vue)

Uploaded by

শুভ সাহা
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

You have to build an SPA using Vue and Vuex that will allow the user to search for

country
information using the name of the capital city as the search string.

The app needs to have three main UI components.


1. Search: a text input box accepting the search string from the user on pressing
enter.
2. Results: showing the list of countries found, allowing to select one.
3. Details: showing additional information about the selected country, including
languages, flag, etc.

Requirements
- You must use separate Vue components for at least the above three sections. In
addition, you are free to introduce more components.
- The three components must communicate using Vuex, and not using individual
component props.
- It would be better if you can use Vuetify.
- You are required to use the freely available API at
https://restcountries.eu/#api-endpoints-capital-city​ to implement the search using
a library like axios. You are allowed to use your own hardcoded dummy data only
in case the mentioned API is unavailable for some reason.

Bonus
- Use a separate Vue component to show the current time(s) of the selected
country using timezone information returned by the above API. Keep the time
updated automatically each second.

Confidential

You might also like