🐍 Pycemaker - Repositório do Formulário para o cliente

Acesse a página

A aplicaçao front-end foi criada com o objetivo de ser monitorada pelo sistema Pycemaker. O formulário contém os campos "Nome", "Email", "Telefone" e "Senha", sendo todos os campos obrigátorios.

📦 Repositórios integrantes do projeto

Repositório	Descrição
pycemaker-docs	Apresentação e documentação
pycemaker-dashboard-client	Front-End Dashboard
pycemaker-dashboard-api	API para Dashboard
pycemaker-ETL-Flow	Pycemaker ETL Flow
pycemaker-form-client	Front-End para Formulário
pycemaker-form-server	Api para Formuário

⚙️ Instruções de Instalação e Uso

• Instalando NodeJS
• Baixe e instale a versão mais recente do NodeJS LTS:
Node Download

• Instalando VueJS
• Abra o terminal e instale o VueJS via NPM:
  

  $ npm install vue

• Criando o Node Modules
• Abra o terminal vá para o a pasta raíz do projeto e execute o comando:
  

  $ npm install

• Criação das Variáveis
• Crie um arquivo .env e configure as variáveis a seguir:
  

  NPM_CONFIG_PRODUCTION=false
  VUE_APP_BACKEND=url_do_backend
  YARN_PRODUCTION=false

• Iniciando o servidor Vue
• No pasta raíz do projeto execute o comando para iniciar o vue:
  

  $ npm run serve

📂 Estrutura de arquivos

│   .gitignore                                              # ignore arquivos e pastas em respositório git
│   babel.config.js                                         # Configuração do Transpilador JavaScript
│   jsconfig.json                                           # Configuração dos Compilador JavaScript 
│   package-lock.json                                       # Módulos e dependências do projetos       
│   package.json                                            # Arquivos das versões das dependências e scrpits do projeto 
│   README.md                                               # documentação descritiva    
│   vue.config.js                                           # Configuração de Inicialização do VueJS
│
├───public
│       favicon.ico                                         # Ícone da página 
│       index.html                                          # Arquivo HTML que será carregado no navegador 
│
└───src
    │   App.vue                                             # Arquivo carregado no HTML
    │   http-common.js                                      # Conexão com API 
    │   main.js                                             # Arquivo principal de carregamento do Vue 
    │   router.js                                           # Definiçôes de Rotas do sistema
    │
    ├───assets
    │       logo.png                                        # Logo do Pycemaker
    │       pylogo.png                                      # Logo do Pycemaker
    │
    ├───components
    │       AddUser.vue                                     # Página do Componente Formulário
    │       HelloWorld.vue                                          
    │       ListUser.vue                                    # Página do Componente de Listagem de usuários   
    │
    └───service
            ApiDataServer.js                                # Classe de serviços GET e POST