/agrotis-frontend

Este é um projeto desenvolvido para um teste na empresa Agrotis, em um processo seletivo de Frontend. A aplicação é um simples formulário em React, que recebe os dados no formulário e envia para o console em formato específico.

Primary LanguageJavaScript

Bem vindo(a) ao projeto Agrotis (Frontend)!

Este é um projeto desenvolvido para um teste na empresa Agrotis, em um processo seletivo de Frontend.

A aplicação é um simples formulário em React, que recebe os dados no formulário e envia para o console em formato específico.

Instruções para desenvolvimento: https://bitbucket.org/agrotis/teste-rh/src/master/teste-front-end-1/descricao-teste.md

Layout Responsivo

Responsividade   

Testes com Cypress

Testes   

Verificação de Code Smells, Bugs, Vulnerabilidades e Segurança através do Sonar Cloud

Sonar Cloud   

Instruções para visualizar o projeto

  

Visualizar com instalação do projeto

Através do terminal do seu computador:

  1. Clone o repositório
    • git clone git@github.com:ricardo-sousa-dev/agrotis-frontend.git
  • Entre na pasta do repositório que você acabou de clonar:
    • cd agrotis-frontend
  1. Instale as dependências e inicialize o projeto
  • Instale as dependências:
    • npm install
  • Inicialize o projeto:
    • npm start

  

Visualizar com Docker

(É necessário ter o Docker instalado na máquina!)

Através do terminal do seu computador:

  1. Clone o repositório
    • git clone git@github.com:ricardo-sousa-dev/agrotis-frontend.git
  • Entre na pasta do repositório que você acabou de clonar:
    • cd agrotis-frontend
  1. Acione o Docker para instalar e iniciar a aplicação:
  • Execute:
    • docker-compose up
  • Acesse a aplicação pelo navegador:
    • http://localhost:3000/
  • Para encerrar a aplicação e remover o volume criado:
    • docker-compose down -v

  

Executar os testes

Através do terminal do seu computador:

  1. Execute o Cypress interativo e clique no arquivo de teste na tela que se abrirá.
    • npx cypress open

  

Quer conversar a respeito do projeto? Me envie um e-mail. :)