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.
- Vue-multiselect (2.1.4): (https://vue-multiselect.js.org/#sub-select-with-search).
- 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:
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
npm run serve
npm run build
Enjoy the app!