Skip to content

Abiscula/-registration-control

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

92 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Badge em Desenvolvimento

Controle de contratos

Com este aplicativo é possivel registrar pessoas no banco de dados, criar contratos e vincula-los com alguma pessoa previamente cadastrada (somente 1 contrato por pessoa), ter acesso a uma lista paginada com todos contratos criados e por fim um dashboard contendo algumas estatísticas para facilitar o controle do administrador.

Instruções de uso

Para utilizar essa aplicação, será necessário clonar este repositório e o repositório -registration-control-backend. Em ambos repositórios será necessário executar o comando "npm install" para baixar todas as dependências do projeto.

  • front-end: "npm start"
  • back-end: "npm run dev"

Página: Principal

Essa é a página de apresentação da aplicação, na imagem abaixo aparece um icone vermelho no canto superior direito da tela. Esse icone irá aparecer como forma de alerta quando houver algum contrato vencido na plataforma.

Também é possivel visualizar o menu lateral que fornece acesso a todas às páginas da aplicação.

defaultPage

Página: Cadastro de pessoas

Nessa página é onde iremos realizar o cadastro de uma nova pessoa na plataforma. Todos os campos são obrigatórios, portanto existem validações que impedem o envio incorreto dos dados.

O campo de CEP faz uma chamada para a API ViaCEP que retorna o endereço completo do usuário, bastando apenas preencher o número da residência.

registerPage1

Também é possível visualizar, que existem modais de alerta personalizadas para orientar os usuários sobre suas ações.

registerPage2

Página: Criação de contratos

Na criação de contrato existem algumas validações para impedir o envio incorreto do contrato. A data do contrato é sempre gerada com a data do dia, e a validade o administrador pode escolher (em meses). Usuários que já possuem contrato vinculado ao seu nome não irão aperecer na lista de profissionais disponíveis.

registerContract

O número do contrato é gerado com timestamp da hora atual, portanto sempre será um valor único.

Página: Listagem de contratos

Nessa parte da aplicação é possivel ver uma lista de todos contratos cadastrados no site, aplicando ou retirando filtros relacionados a data de validade dos contratos. Ao clicar no icone de contrato será aberto uma modal com o documento na integra.

listContracts

Ao abrir o contrato também é possivel baixar uma cópia do documento clicando no botão "Baixar contrato".

listContracts2

Página: Estatísticas

Na ultima tela da aplicação podemos visualizar alguns dados referentes às pessoas e contratos cadastrados.

image

Nas caixas superiores podemos ver a quantidade de pessoas e contratos cadastrados, e nas inferiores temos os dados de contratos à vencer e tempo médio de prestação de serviço, apresentado em dias.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published