If this repo could help you, please give a start any doubts you can write me at francrv@hotmail.com
Check app online: https://search-filtering-bravado-halleyrv.vercel.app/
¯\_(ツ)_/¯
You should implement a simple profile search application using Nuxt and Vue frameworks.
Expected technologies used are: ES6, CSS (with any pre/post processors), HTML, SFC (Single File Component). Feel free to use any other third party libraries and plugins.
##.
Can be found here: https://www.figma.com/file/PyncPYa1rpOxRooTdfvgxHRN/Bravado-Quest
or here
https://www.notion.so/bravado/Frontend-technical-assessment-dac15c7f68d64251b7a5e1eaf56c5fbf
You are suggested to clone this repo and then implement layout according to design above and a single page application based on Vue and its modules. Application should be running on a project root (/). The sample data to use inside application should be taken here: https://gist.github.com/allaud/093aa499998b7843bb10b44ea6ea02dc
the example data you can see in static/user.json
Please note, the default app state contains all profile cards. When user starts typing, the results should be filtered in realtime, highlighting the matching string.
- General SPA application performance, including searching, scrolling and highlighting speed.
- Quality of Vue single file components (SFC)
- HTML(JSX) and CSS quality
- JS code quality
- Search should be stateful (using browser url e.g.
/search/Boris) - Application should be published online for testing purposes
- Changes should be published in a fork