mahesh-k-s/agl-test-vuejs

Agl Test Code in Vuejs

AGL Coding Test Using VueJS

This is a project to consume the json from provided url (http://agl-developer-test.azurewebsites.net/people.json) and output a list of all the cats in alphabetical order under a heading of the gender of their owner by using VueJS.

Getting Started

Clone the project

git clone 'https://github.com/mahesh-k-s/agl-test-vuejs'

or

download the zip and extract to a local directory

Installing

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Running the tests

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

Built With

• VueJS a javascript framework
• [Webpack 2.x] as module bundler
• [Babel JS] as the compiler.
• [Karma] as the test runner.
• [Mocha] as testing framework
• [eslint] as linting error validation

Output

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Related Topics

• Same project has been developed using simple javascript in github AGL Test Code - Cat Owners developed in JS
• Instead of using css styles we can also integrate external styling sheets like sass/scss in VueJs project. How to is mentioned in my blog on the same [Using SASS/SCSS in Vue.js 2] (https://medium.com/@mahesh.ks/using-sass-scss-in-vue-js-2-d472af0facf9)
• Project on taking screenshot of contents in a html5 container and email it, in iOS and Android devices is build and available in github. Javascript - screenshot-and-email-web-content