AntonellaM / tadaima-coding-test-vue

Multiselect component with searching and custom scrollbar using Vue.js:

Tadaima Coding Test

The aim of this small project is to setup a Vue.js project consisting of:

• A multiselect component allowing both search and tagging.
• A custom scrollbar for webkit based browsers.

Libraries used

• Vue-multiselect (2.1.4): (https://vue-multiselect.js.org/#sub-select-with-search).

Documentation used

• Vue general documentation and guide: https://vuejs.org/v2/guide/
• Vue JS crash course: https://www.youtube.com/watch?v=Wy9q22isx3U&t=2879s
• Vue JS 2 Tutorial #31 - Select Box Binding: https://www.youtube.com/watch?v=xtmZVV9QpaA&t=265s
• Styling Vue.js components using CSS: https://flaviocopes.com/vue-css/
• Override scoped CSS: https://medium.com/vuejs-tips/override-scoped-css-de4275119b87
• Vue custom scrollbar: https://github.com/shentao
• Form validation with Vue.js: https://travishorn.com/form-validation-with-vue-js-4d2e7ba8d2fc
• Deploy vue-cli 3 project to github pages: https://medium.com/@Roli_Dori/deploy-vue-cli-3-project-to-github-pages-ebeda0705fbd

According to framework instructions, use the following commands for setting up, compiling and run the project:

Project setup

In order to previsualize the project, you can just check the following link: https://antonellam.github.io/tadaima-coding-test-vue/

For further information about coding style and practises, you should:

• Clone this repository
• Run:

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Enjoy the app!