Skip to content

gabriel-corto/vue-task-it

Repository files navigation

Task-it 📋 - App de Tarefas com Vue.js

Uma aplicação simples e eficiente de gerenciamento de tarefas desenvolvida com Vue.js 3, Pinia, Tailwind CSS e TypeScript. Este projeto representa a fase 1 da minha jornada de aprendizado no ecossistema Vue, inspirada na estrutura do primeiro módulo do curso da Rocketseat sobre React.


🚀 Tecnologias Utilizadas


✅ Funcionalidades Implementadas

  1. Visualizar tarefas
  2. Criar nova tarefa
  3. Remover tarefa
  4. Estados globais com Pinia
  5. Gerenciamento de estado reativo
  6. Integração com TypeScript
  7. Composables personalizados
  8. Props entre componentes
  9. Imutabilidade no estado
  10. Reatividade com ref e computed
  11. Composition API como base da arquitetura
  12. Persistência com localStorage
  13. Testes unitários com Vitest
  14. Testes end-to-end com Cypress

🧠 Conceitos Trabalhados

  • Componentização com Single File Components (SFC)
  • Passagem de dados com defineProps
  • Controle de estado com ref, computed e reactive
  • Composição de lógica com setup() e composables
  • Estilização utilitária com Tailwind
  • Estrutura modular para escalabilidade
  • Tipagem e boas práticas com TypeScript
  • Testes unitários e de integração
  • Simulação de comportamento do usuário com Cypress

📸 Preview


✨ Considerações

Este projeto marca o início de uma nova trilha de conhecimento no universo Vue.js. A ideia é dominar o framework com a mesma profundidade com que aprendi React, seguindo os mesmos valores: clareza, escalabilidade e código limpo.


📜 Licença

Este projeto está sob a licença MIT.


Feito com dedicação por Gabriel Corto Francisco 🌱