Skip to content

Teste técnico - aplicação de gerenciamento de projetos

Notifications You must be signed in to change notification settings

esteves-esta/teste-tecnico-cs

Repository files navigation

Teste técnico


Netlify Status

Link do projeto em prod (netlify) - https://gerenciador-projetos-teste.netlify.app/


Utilizando protótipo fornecido pela empresa realizar uma aplicação gerenciadora de projetos as seguintes funcionalidades.

  • Exibir uma listagem inicial sem nenhum projeto cadastrado, conforme o design.
  • Exibir o título da página e o total de projetos cadastrados.
  • Implementar um filtro para exibir apenas os projetos favoritos.
  • Adicionar a opção de ordenação da listagem por:
    • Ordem alfabética (padrão).
    • Projetos iniciados mais recentemente.
    • Projetos próximos à data de finalização.
  • Página com o formulário de edição de projeto.
  • Página com o formulário de criação de projeto.
  • Modal de confirmação de remoção.
  • Favoritar: Permitir favoritar/desfavoritar projetos.
  • Implementar uma barra de busca onde o usuário pode digitar ao menos 3 caracteres para disparar a busca.
    • (Opcional) Implementar um histórico das últimas 5 buscas recentes.
    • (Opcional) Exibir um highlight no texto dos resultados que correspondam à busca.

Versões

  • Com dados salvos no localhost - branch main
  • Com dados salvos em api nodejs - branch feat/api (feito depois do prazo só por diversão mesmo =D)

Bibliotecas

  • Vite
  • Vue
  • Typescript
  • RadixVue
  • Pinia
  • VueRouter
  • LucideVue (icones)
  • Internationalized Date
  • date-fns

Rodando projeto localmente

  1. Instalar dependências
npm install
  1. Rodar projeto
npm run dev