AyaMosaad1 / brimore-todos

Todo App

The Todo App by completing the features to add, edit and delete todos by using JSONplaceholder and implemented it using Vue typeScript, Vuex, AntDesignVue and Bootstrap.

Technical starting point

Our team was already able to complete the following:

• Add Vuex and create a default store.
• Add Axios HTTP Client for API calls.
• Add AntDesignVue for UI components.

Mission

• Fork/Clone this repository into your account.
• Create a named vuex module to hold your todos.
• Do all your business logic, API Calls, inside the folder named core.
• Complete the CRUD features in the GUI and make sure they are reflected in the vuex store.
• Write concise commit messages.
• Submit your git repository link to [e-mail] and describe your changes precisely.

Bonus

• Add unit tests using Jest, and Vue-Test-Utils
• Add TypeScript
• Document your UI components with StoryBook.

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.
• Don't reinvent the wheel, use AntDesignVue components when possible.
• 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

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Run your unit tests

yarn test:unit

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.