Vue todos code challenge

vue-todos-code-challenge is a code challenge for Vue.JS developers applying for a job.

Scenario

So here you are! You decided to apply for a job and now we are asking you to help us with a Todo App. We already setup a brand new project for you that already contains a very basic Vue.js setup. Your task is now to finish the Todo App by completing the features to add, edit and delete todos and storing them only in the client storage.

Technical starting point

Our team was already able to complete the following:

• Add vuex and create a default store
• Add vuetify for UI components
• Add vue-types for prop validation
• Add the basic app and component structure

Mission

• Clone this repository into your account
• Create a named vuex module to hold your todos
• Complete the CRUD features in the GUI and make sure they are reflected in the store
• Make sure the todo-list component dynamically displays the todos
• Write concise commit messages
• Submit your git repository to hr@pangea-technology.com and describe your changes precisely

Bonus

• Add Vuex-ORM
• Add TypeScript
• Document with jsDoc comments

Please note

• Pay attention to your code style and structure, don't ignore the eslint hints.
• Design your Vue components: use props, slots and whatever you need to keep your code clean.
• Display well in Google Chrome.
• Don't reinvent the wheel, use vuetify components when possible
• Don't test browsers except latest Google Chrome
• Don't pay special attention for responsive design

Feel free to

• Improve the design to have better UI and UX.
• Re-organize the codebase.
• Use TypeScript.
• Create new modules/methods/components.
• Modify existing code.
• Add new packages.
• Edit README.md to add documentation.
• Fix potential bugs

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint