Biahdev / todo-laravue

É um sistema de gestão de tarefas simples e eficiente feito com Vue.js, Vuex.js e Laravel usando o padrão apiRest.

To-do

📋 Sobre o projeto

To-do - É um sistema de gestão de tarefas simples e eficiente feito com Vue.js, Vuex e Laravel com ApiRest.

🗺 Roadmap

Front-end

• Setup básico de pastas
• Crud das tarefas
  • Criar uma tarefa
  • Editar uma tarefa
  • Excluir uma tarefa
  • Listar tarefas
  • Trocar o status para tarefa concluida

Back-end

• Setup básico de pastas
• Crud das tarefas
  • Criar uma tarefa
  • Editar uma tarefa
  • Excluir uma tarefa
  • Listar tarefas
  • Trocar o status para tarefa concluida

⚡ Tech Stack

As seguintes ferramentas foram usadas na construção do projeto:

Front-end

• Vue.js
• Vuex
• Tailwind CSS

Back-end

• PHP 8.1
• Laravel 9
• MySql 8

Utilitários

• Editor: Visual Studio Code
• BD: MySqlWorkBench
• API Client : Insonia

🛠 Como executar o projeto

Este projeto é divido em Duas partes:

1. Frontend
2. Backend

Pré-requisitos

• Node.js
• NPM
• PHP 8.x
• MySQL 8
• Composer

Rodando o front-end

# Clone este repositório
$ git clone 

# Vá para a pasta back-end
$ cd front-end

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

#click no link do servidor que foi gerado

Rodando o Backend (servidor)

# Clone este repositório
$ git clone 

# Vá para a pasta server
$ cd back-end

# Instale as dependências
$ composer install

# Crie uma base de dados chamado todo

# Rode as migrations
$ composer migration

# Execute a aplicação em modo de desenvolvimento
$ php artisan serve

#click no link do servidor que foi gerado

🌐 End points da API

Método	URL	Descrição
GET	api/	Listar todas as  tarefas
POST	api/task	Criar uma nova tarefa
PUT	api/task/title/:id	Atualizar o titulo da tarefa
PUT	api/task/status/:id	Atualizar o status da tarefa
DELETE	api/task/:id	Deletar uma tarefa

Get

"Retorno"
[
  {
    "id": 1,
    "title": "Tarefa 1",
    "completed": false,
    "created_at": "2022-08-27T23:56:39.000000Z",
    "updated_at": "2022-08-27T23:56:39.000000Z"
  },
  {
    "id": 2,
    "title": "Tarefa 2",
    "completed": true,
    "created_at": "2022-08-27T23:56:39.000000Z",
    "updated_at": "2022-08-27T23:56:39.000000Z"
  }
]

Post

"Envio" 
{
  "title":"Tarefa 3"
}

"Retorno"
{
 "data": {
    "id": 3,
    "title": "Tarefa  3",
    "completed": false,
    "created_at": "2022-08-28T23:44:58.000000Z",
    "updated_at": "2022-08-30T18:47:21.000000Z"
  },
 "message": "Tarefa criada com sucesso !"
}

Update

"Envio"
{
  "title":"Tarefa Update"
}

"Retorno"
{
 "data": {
    "id": 1,
    "title": "Tarefa Update",
    "completed": false,
    "created_at": "2022-08-28T23:44:58.000000Z",
    "updated_at": "2022-08-30T18:47:21.000000Z"
  },
 "message": "Tarefa atualizada com sucesso !"
}

Update Status

"Envio"
{
  "completed":true
}

"Retorno"
{
 "data": {
    "id": 1,
    "title": "Tarefa Update",
    "completed": true,
    "created_at": "2022-08-28T23:44:58.000000Z",
    "updated_at": "2022-08-30T18:47:21.000000Z"
  },
 "message": "Tarefa atualizada com sucesso !"
}

Delete

"Retorno"
{
 "data": {
    "id": 3,
    "title": "Tarefa 3",
    "completed": false,
    "created_at": "2022-08-28T23:44:58.000000Z",
    "updated_at": "2022-08-30T18:47:21.000000Z"
  },
 "message": "Tarefa deletada com sucesso !"
}

🦸 Autora

Feito com ❤️ por Ana Beatriz, entre em contato!