Teste front-end JusBrasil

Um website SPA (Single Page Application) para pesquisar e visualizar as informações de processos jurídicos por CNJ, utilizando a API da Digesto.

Observação: Por conta de problemas técnicos, a integração total com a API Digesto não foi possível. Atualmente, a aplicação apenas mostra os dados de um processo fixo, independente da pesquisa feita pelo usuário. Ainda sim, o projeto está preparado para se conectar com a API quando os erros de configuração forem resolvidos.

Requisitos

Para construir o projeto, é necessário ter o Node instalado na máquina, que já inclui o NPM.

Instalação

Acesse a pasta raiz do projeto no terminal e rode o comando:

npm install

Credenciais da API

Para habilitar o acesso à API da Digesto, você precisa criar um arquivo nomeado .env.local na pasta raiz do projeto, com o seguinte conteúdo:

VITE_API_USERNAME=<nome de usuário da api digesto>
VITE_API_PASSWORD=<senha da api digesto>
VITE_API_KEY=<chave para api digesto>

O conteúdo do arquivo deve possuir as suas credenciais de acesso à API da Digesto, nos lugares indicados entre <>. Para obter as credenciais, cadastre-se no site da Digesto e acesse esta página que contém sua chave da API.

Servir website localmente

Para rodar o projeto em um servidor local, use:

npm run dev

O website estará disponível no endereço http://localhost:3000/.

Para desenvolvedores

Este projeto foi desenvolvido utilizando o framework Vue.js configurado com Typescript e o Vite como servidor de desenvolvimento e bundler.

Configuração de IDE recomendada

VSCode + Volar (e desabilite o Vetur) + TypeScript Vue Plugin (Volar).

Suporte para tipagem de arquivos .vue em TS

O Typescript não lida com informações de tipo em arquivos .vue por padrão, então o Vue substitui o CLI tsc com vue-tsc para verificar os tipos. Em editores, é preciso do TypeScript Vue Plugin (Volar) para tornar o servidor de linguagem do Typescript ciente dos tipos .vue.

Se o plugin Typescript não for rápido suficiente para você, o Volar implementou o Take Over Mode, que possui melhor performance. Você pode habilitar da seguinte forma:

1. Desabilite a extensão de TypeScript interna
   1. Rode Extensions: Show Built-in Extensions na paleta de comandos do VSCode.
   2. Encontre TypeScript and JavaScript Language Features, clique com o lado direito e selecione Disable (Workspace).
2. Recarregue a janela do VSCode ao rodar Developer: Reload Window na paleta de comandos.

Personalizar configurações

Veja Vite Configuration Reference.

Rodar o projeto

npm install

Compilar e Hot Reload para Desenvolvimento

npm run dev

Checar tipos, compilar e minificar para Produção

npm run build

Rodar Testes Unitários com Vitest

npm run test:unit

Rodar Linter ESLint

npm run lint