Lista de tarefas em Vue 🖖

Olá! Para iniciarmos o nosso grupo de estudo, vamos começar desenvolvendo uma aplicação de tarefas em Vue. O objetivo desse projeto é aprender sobre os seguintes conceitos:

1. Como funcionam os frameworks reativos;
2. Utilizar a reatividade para melhorar a experiência do usuário final;
3. Aprender a interligar aplicações utilizando APIs.

Requisitos 📖

Para a aplicação, os seguintes requisitos devem ser correspondidos:

1. O usuário poderá listar as tarefas;
2. O usuário poderá consultar uma única tarefa;
3. O usuário poderá cadastrar uma tarefa;
4. O usuário poderá editar uma tarefa;
5. O usuário poderá deletar uma tarefa.

Para fazê-lo, disponibilizamos uma API pública de cadastro de tarefas, onde você poderá consultar através do endpoint: https://vue-todo-tasks.herokuapp.com/. Nesse endpoint você poderá utilizar-se dos métodos GET, POST, PUT e DELETE para interagir com sua aplicação.

Lembrando que para construir a aplicação, deverá ser utilizado as APIs do Vue 2.

Recursos 📚

API

• Endpoint - https://vue-todo-tasks.herokuapp.com/api
• Docs - https://vue-todo-tasks.herokuapp.com/api/docs

Aplicação de exemplo

• Aplicação - https://todo-tasks-black.vercel.app/

Documentações e links 🤓

Documentações

Para o início do projeto em Vue, recomendo duas CLIs:

1. @vue/cli - CLI completa do Vue, feita pela comunidade do framework;
2. vite - CLI/Projeto/Bundler feita pelo criador do Vue, extremamente rápido e fácil de fazer o setup.

Lembrando que você pode escolher o que quiser, são somente sugestões. 😸

Links

• Documentação do Vue 2
• Documentação do Vue Router
• API Fetch