Gerenciador de Projetos é uma aplicação frontend para gerenciamento de projetos, criada com foco em organização, usabilidade e previsibilidade de estado. O usuário pode criar, favoritar, editar, remover, filtrar e pesquisar projetos de forma rápida, com persistência local dos dados.
- Criar novos projetos;
- Visualizar todos os projetos cadastrados;
- Favoritar e desfavoritar projetos;
- Filtrar projetos por favoritos;
- Ordenar projetos por critérios diferentes;
- Pesquisar projetos por nome;
- Destaque visual do termo pesquisado no nome do projeto (highlight);
- Histórico de buscas recentes;
- Estados vazios;
- Persistência automática dos dados usando LocalStorage.
- Aplicação 100% frontend, sem backend por decisão de escopo;
- Uso de LocalStorage para persistência e simulação de dados reais;
- Pinia como store central, com estado mínimo e dados derivados via
computed; - Filtros combináveis (search, favoritos e ordenação);
- Search desacoplado da listagem, utilizando overlay global;
- Forte componentização visando reuso, clareza e manutenção.
- Linguagem: TypeScript
- Framework: Vue 3
- Gerenciamento de estado: Pinia
- Estilização: Tailwind CSS
- Build: Vite
- Ícones: Lucide Icons
- Persistência: LocalStorage
- Ter o Node.js instalado.
- Clone o repositório:
git clone https://github.com/hosanabarcelos/project-manager-app.git- Acesse o diretório:
cd project-manager-app- Instale as dependências:
npm install- Inicie o projeto:
npm run dev- Acesse no navegador:
http://localhost:5173Para ver a aplicação hospedada acesse aqui.
Para garantir um fluxo de trabalho eficiente e organizado, segui as seguintes práticas neste projeto:
- Gitflow: Estrutura de branches bem definida para desenvolvimento;
- Commits semânticos: Seguindo convenções como
feat:,fix:,chore:, garantindo um projeto estruturado; - Pull requests: As mudanças passaram por PRs seguindo o fluxo do Gitflow. Veja as PRs fechadas aqui.