Sistema de Gerenciamento de Tarefas

Sistema completo para gerenciamento de tarefas desenvolvido com arquitetura moderna utilizando Vue.js no frontend e Node.js no backend.

Tecnologias

Backend

• Node.js - Runtime JavaScript
• Express.js ^4.18.2 - Framework web
• SQLite3 ^5.1.6 - Banco de dados
• CORS ^2.8.5 - Middleware para requisições cross-origin
• Nodemon ^3.0.1 - Auto-reload em desenvolvimento

Frontend

• Vue.js ^3.3.4 - Framework JavaScript reativo
• Vue Router ^4.2.4 - Roteamento SPA
• Pinia ^2.1.6 - Gerenciamento de estado
• Axios ^1.5.0 - Cliente HTTP
• Vite ^4.4.9 - Build tool e dev server
• Sass ^1.66.1 - Pré-processador CSS

Pré-requisitos

• Node.js >= 16.0.0
• npm >= 8.0.0 ou
• yarn >= 1.22.0

Instalação

1. Clone o repositório

git clone git@github.com:Fiuza3/VueTasks.git
cd VueTasks

2. Instale as dependências do Backend

cd backend
npm install

3. Instale as dependências do Frontend

cd ../frontend
npm install

Como Executar

Backend (Porta 3000)

cd backend
npm run dev

Frontend (Porta 8080)

cd frontend
npm run dev

📁 Estrutura do Projeto

VueTasks/
├── backend/
│   ├── controllers/
│   │   └── taskController.js
│   ├── models/
│   │   ├── database.js
│   │   └── Task.js
│   ├── routes/
│   │   └── taskRoutes.js
│   ├── server.js
│   ├── package.json
│   └── tasks.db
└── frontend/
    ├── src/
    │   ├── components/
    │   │   ├── TaskForm.vue
    │   │   └── TaskList.vue
    │   ├── views/
    │   │   └── Home.vue
    │   ├── stores/
    │   │   └── taskStore.js
    │   ├── services/
    │   │   └── api.js
    │   ├── router/
    │   │   └── index.js
    │   ├── styles/
    │   │   └── main.scss
    │   ├── App.vue
    │   └── main.js
    ├── index.html
    ├── vite.config.js
    └── package.json

API Endpoints

• GET /api/tasks - Listar todas as tarefas
• POST /api/tasks - Criar nova tarefa
• PUT /api/tasks/:id - Atualizar tarefa
• DELETE /api/tasks/:id - Deletar tarefa

Scripts Disponíveis

Backend

• npm start - Executa o servidor em produção
• npm run dev - Executa o servidor em desenvolvimento com auto-reload

Frontend

• npm run dev - Inicia servidor de desenvolvimento
• npm run build - Gera build de produção
• npm run preview - Visualiza build de produção localmente

Banco de Dados

O projeto utiliza SQLite3 com arquivo local tasks.db criado automaticamente na primeira execução.

Licença

Este projeto está licenciado sob a licença MIT.