Pular para conteúdo

Aula 16 – Projeto Final e Apresentação 🏆

Parabéns! Você chegou ao final da jornada de Desenvolvimento Frontend com Vue.js. Hoje é o dia de consolidar todo o conhecimento adquirido através do desenvolvimento e apresentação do seu Projeto Final.

🎯 O Desafio: Sistema Kanban (VueFlow)

Você deverá desenvolver um sistema de gerenciamento de tarefas estilo Kanban (colunas: Pendente, Em Andamento, Concluído). O sistema deve permitir que o usuário gerencie suas atividades de forma visual e intuitiva.

Requisitos Obrigatórios:

  1. Componentização: Dividir a interface em colunas e cards reutilizáveis.
  2. Roteamento: Ter pelo menos duas páginas (Dashboard e Configurações/Perfil).
  3. Estado Global (Pinia): Armazenar a lista de tarefas centralizadamente.
  4. Integração (Axios): Simular o consumo de cores ou perfis de uma API.
  5. Estilização: Uso de Tailwind CSS ou Scoped CSS com foco em responsividade.
  6. Interatividade: No mínimo, a funcionalidade de mover tarefas entre colunas e deletá-las.

📊 Arquitetura Esperada

graph TD
    A[App.vue] --> B[Navbar]
    A --> C[RouterView]
    C -- Rota: / --> D[KanbanBoard]
    C -- Rota: /config --> E[ConfigView]
    D --> F[Coluna: ToDo]
    D --> G[Coluna: Doing]
    D --> H[Coluna: Done]
    F --> I[CardTarefa]
    G --> I
    H --> I
    I --> J[Store: TaskStore]

📝 Critérios de Avaliação Técnica

Sua aplicação será avaliada com base nos seguintes pontos: * Organização do Código: Pastas bem estruturadas (views, components, stores, services). * Clean Code: Nomes de variáveis semânticos e funções pequenas. * UX/UI: A interface é amigável? Existem feedbacks visuais de carregamento ou erro? * Versionamento: Histórico de commits no Git (GitHub). * Deploy: Aplicação funcional e acessível via URL pública (Vercel/Netlify).

🧠 Dica para a Apresentação

O Pitch

Ao apresentar, não mostre apenas o código. Mostre o problema que sua aplicação resolve, os desafios técnicos que você enfrentou e como o Vue.js ajudou a superá-los.

🏁 Encerramento

O desenvolvimento frontend é uma área em constante evolução. Dominar o Vue 3 te coloca em uma posição privilegiada no mercado, apto a trabalhar com alta produtividade e qualidade.

Desejamos muito sucesso em sua carreira como desenvolvedor Vue! 🚀✨