leonardovilela100 / facilita-juridico-client

Projeto em ReactJs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Projeto Facilita Jurídico

Descrição do Projeto

O projeto Facilita Jurídico é uma solução de gerenciamento de clientes desenvolvida para otimizar as rotas de visitas, visando reduzir custos e economizar tempo. O sistema permite o cadastro de clientes e utiliza algoritmo para calcular a menor rota possível, baseando-se em informações geográficas.

Iniciando o Projeto

Pré-requisitos

Antes de iniciar, certifique-se de ter o Node.js e o npm instalados em seu computador.

  • Node.js: Versão - v20.9.0
  • npm: Versão - 10.2.3

Instalação

Siga os passos abaixo para configurar o projeto em sua máquina local:

  1. Baixe as dependências: Use npm install para baixar todas as dependências.
  2. Inicie o projeto ReactJs: Use npm startpara iniciar o projeto.
  3. npm start

Dependências

As dependências do projeto cliente-facilita-juridico incluem:

  • @types/jest: Tipagens TypeScript para Jest.
  • @types/node: Tipagens TypeScript para Node.js.
  • @types/react: Tipagens TypeScript para React.
  • @types/react-dom: Tipagens TypeScript para ReactDOM.
  • axios: Cliente HTTP baseado em promessas para fazer requisições.
  • react: Biblioteca JavaScript para construir interfaces de usuário.
  • react-dom: Pacote para trabalhar com o DOM em aplicações React.
  • react-router-dom: Biblioteca de roteamento dinâmico para React.
  • react-scripts: Conjunto de scripts e configurações usado pelo Create React App.
  • typescript: Superset de JavaScript que adiciona tipagens.

Estrutura de Pastas do Projeto

O projeto está estruturado da seguinte forma:

facilita-juridico-Client/
├── public/
│ 
├── src/
│   ├── assets/
│   ├── components/
│   ├── css/
│   ├── models/
│   ├── pages/
│   ├── services/
│   ├── index.tsx    
│   

Dados de Exemplo para Cadastro de Clientes

Segue abaixo um exemplo de JSON com dados de clientes para ser utilizado no cadastro:

[
    {
      "nome": "Teste Cidade - Prata",
      "email": "prata@gmail.com",
      "telefone": "99999",
      "cep": "38140000"
    },
    {
      "nome": "Teste Cidade - Rio de Janeiro",
      "email": "rio@gmail.com",
      "telefone": "99999",
      "cep": "20230010"
    },
    {
      "nome": "Teste Cidade - Uberlandia",
      "email": "uberlandia@gmail.com",
      "telefone": "99999",
      "cep": "38204054"
    },
    {
      "nome": "Teste Cidade - São Jose Dos Campos",
      "email": "saojosedoscampos@gmail.com",
      "telefone": "99999",
      "cep": "12244521"
    },
    {
      "nome": "Teste Cidade - Araguari",
      "email": "araguari@gmail.com",
      "telefone": "99999",
      "cep": "38443084"
    }
]

About

Projeto em ReactJs


Languages

Language:TypeScript 74.4%Language:CSS 23.4%Language:HTML 2.2%