vue-todos-code-challenge is a code challenge for Vue.JS developers applying for a job at i22.
So here you are! You decided to apply for a job at i22 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.
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
- Fork this repository
- 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 a merge request and describe your changes precisely
- Add Vuex-ORM
- Add TypeScript
- Document with jsDoc comments
- 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
- 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
npm install
npm run serve
npm run build
npm run lint