This project has been generated by vue-cli
You can therefore use yarn serve to start the application (and all other default commands)
The goal of this exercise is to build a page of contacts. This page must contain:
- A search field for earch contacts
- A list of contacts
You should be able to type something in the search input, that will query the API.
This should update the list contacts contacts according to the search (or no search)
The API endpoint is available here https://tfuvom2ai5.execute-api.eu-west-3.amazonaws.com/production/contacts
You can search on the API by using a search param : https://tfuvom2ai5.execute-api.eu-west-3.amazonaws.com/production/contacts?search=rick
- Clone this repository and create a new branch
feature/search - Build everything required
- Push your code to a private repository you created on Github/Gitlab/Bitbucket...
- Create a Pull Request from your branch to
masterwith a nice description - Grant a read access to romainsimon & ping me at romain@datananas.com
- You do not talk about this interview to anyone
- You DO NOT talk about this interview to anyone. This means never publish your code in a public repository or give access to other. This would ruin it for us.
- You must create your own components and cannot use external components libs (Vuetify, Element, etc...)
- You can add any CSS lib you want (Tailwind, Bootstrap, ...)
- You can add any lib you want (vue-x, axios, etc..) - except volkswagen
- We will never reuse this code anywhere
Here are a few indications on how this exercise will be graded / 10
- ESLint is passing (1 point)
- Search is working, API communication has been implemented (2 points)
- Components-parent communication is ok (2 points)
- Search handles debounce (1 point)
- App shows a loading state or loader (1 point)
- Pull Request and commits are clear and makes it easy to review (2 points)
- Design looks nice (scss) (1 point)
- Bonus point: code is tested (+3)
Good luck!