Vue Technical Assignment

You can view the demo aplication here

Includes:

  • Vue.js JavaScript framework (version 2.6.11)
  • Babel next generation JavaScript (transpiler for module-system & flow)
  • ESLint static code analysis tool for identifying problematic patterns found in JavaScript code
  • Axios Promise based HTTP client for the browser and node.js
  • VuexStore object state manager

Project setup

git clone https://github.com/ramunasnognys/vue-technical-assignment.git
cd vue-technical-assignment
npm / yarn install

Scripts

npm / yarn
serve ------------ compiles and hot-reloads for development
build ------------ compiles and minifies for production
lint  ------------ lints and fixes files

Assignment

Create a Vue.js application that would have 2 pages:

  1. Users
    • list all users from the given API (1) in a custom made table
    • hovering on table rows
    • on the user click - redirect to a Single user page
    • on the user click - redirect to a Single user page
    • Table properties: name, email, phone, company name
  2. Single User
    • in this page you need to display user information from the api 1 or api 2.
    • Table properties: name, email, address (street, suite, city, zipcode), phone, website, company (name only)

API

  1. https://jsonplaceholder.typicode.com/users
  2. https://jsonplaceholder.typicode.com/users/{id}