|[Página Inicial](home)|
|---|   

# Página de Configuração do Projeto
## Página de Configuração do Front
O front foi desenvolvido utilizando tecnologia React e o seu código-fonte pode ser obtido [neste repositório](http://tools.ages.pucrs.br/calculadora/calculadora-front).

*  Primeiro você deve clonar o projeto pelo terminal/Git Bash pelo comando

   `git clone http://tools.ages.pucrs.br/calculadora/calculadora-front.git`

*  Após isso, você deve garantir que possui o [NodeJS](https://nodejs.org/en/) instalado. Para verificar a versão atual do NodeJS instalado no seu computador digite no terminal: `node --version`. Caso não o tenha instalado pode seguir para este [link](https://nodejs.org/en/download/) que irá lhe auxiliar na instalação.

* OBS1: Ao instalar o node o [NPM](https://www.npmjs.com/) será instalado também. Para verificar a versão atual do NPM digite no terminal: `npm --version`   
    Caso necessite de mais informações acesse (https://www.npmjs.com/get-npm)



*  Com estes dois requisitos instalados, você pode entrar na pasta raiz do projeto e digitar `npm install` para instalar as dependências do projeto.
    Caso necessite de mais informações acesse (https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)

*  Por fim, você pode rodar seu projeto com `npm start`. Automaticamente irá abrir uma página no navegador e você pode começar a desenvolver a aplicação.


 * ## Configuração das extensões do Visual Studio Code
  * 1° passo: Baixar o [Visual Studio Code](https://code.visualstudio.com).
  * 2° passo: Dentro do Visual Studio Code abrir a as extensões e baixar os seguintes plugins. 
   
     **Lista de plugins**.
    *  [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)
    *  [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)
    *  [JavaScript (ES6) code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets)
    *  [Npm](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script)
    *  [HTML Snippets](https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets)



Aqui deve ser explicado como configurar o Ambiente para que os Desenvolvedores do Projeto possam configurar o projeto para rodar em seus computadores, deve ser sempre atualizado a cada mudança de instalação feita.

           
* Deve ser explicado a configuração de **TODAS** as partes do projeto, tanto BACK,BANCO,FRONT,etc...
* Além de explicar aqui, deve ter em cada Repositório o **RESUMO** de como instalar para quando os Desenvolvedores baixarem o projeto possam configurar por lá também

--------------------------------

## Configuração BackEnd
O BackEnd foi desenvolvindo utilizando Java11 e SpringBoot e o seu código-fonte pode ser obtido [neste repositório](https://tools.ages.pucrs.br/calculadora/calculadora-back).

* Recomendamos a utilização da IDE IntelliJ
* Você deve ter instalado em sua máquina: Java 11 e Maven.
* Execute o comando mvn clean install para baixar as dependências do projeto através do maven.
* No arquivo application.yaml dentro da pasta resources há configuração para utilização de dois bancos: Oracle rodando local com a imagem docker docker-oracle-xe-11g e H2 (banco em memória). Para escolher qual utilizar, alterar o profile na linha 3 para test ou local.
  * Para executar com Oracle: baixar o docker, e executar: docker run -d -p 49160:22 -p 49161:1521 deepdiver/docker-oracle-xe-11g
* Executar o método Main classe CalculadoraBackApplication e acessar em http://localhost:8080/;