ToDo List Application (Frontend)

📝 Descrição

Frontend da aplicação ToDo List desenvolvida com Vue.js 3 e Quasar Framework. Este é o cliente que consome a API do backend.

🛠️ Tecnologias

• Vue.js 3 (Composition API)
• Quasar Framework v2.x
• TypeScript
• Axios
• jsPDF

⚙️ Requisitos

• Node.js (v14 ou superior)
• Yarn package manager
• Backend configurado e rodando

🚀 Instalação e Configuração

1. Clone o repositório

git clone https://github.com/joykepler/ToDo-Frontend.git
cd ToDo-Frontend

2. Instale as dependências

yarn install

3. Inicie o servidor de desenvolvimento

yarn dev

🔗 Repositório Backend

https://github.com/joykepler/ToDo-Backend

💡 Funcionalidades

Funcionalidades Principais

• Criar, editar e excluir tarefas
• Marcar tarefas como concluídas
• Adicionar descrições às tarefas
• Definir prioridades
• Visualizar status das tarefas

Funcionalidades Extras

📄 Exportação para PDF

A aplicação permite exportar todas as tarefas para um arquivo PDF organizado.

Como testar:

• Adicione algumas tarefas à lista
• Clique no botão "Exportar PDF" localizado embaixo da lista
• Um arquivo PDF será gerado e baixado automaticamente

O PDF incluirá:

• Título da tarefa
• Status
• Prioridade

🎯 Como Usar o ToDo LIST!

Acesse a aplicação através do navegador: http://localhost:5173

• Para adicionar uma nova tarefa:

  • Digite o título no campo de entrada

  • Pressione Enter ou clique no botão de adicionar

• Para editar uma tarefa:

  • Clique no ícone de edição

  • Faça as alterações necessárias

  • Salve as mudanças

• Para marcar como concluída:

  • Clique no checkbox ao lado da tarefa