|
|
# 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](https://tools.ages.pucrs.br/sistema-de-gerenciamento-de-projetos-tce/frontend).
|
|
|
|
|
|
* Primeiro você deve clonar o projeto pelo terminal/Git Bash pelo comando
|
|
|
|
|
|
`git clone https://tools.ages.pucrs.br/sistema-de-gerenciamento-de-projetos-tce/frontend.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 Java21 e SpringBoot e o seu código-fonte pode ser obtido [neste repositório](https://tools.ages.pucrs.br/sistema-de-gerenciamento-de-projetos-tce/sgp_backend).
|
|
|
|
|
|
* Recomendamos a utilização da IDE IntelliJ
|
|
|
* Você deve ter instalado em sua máquina: Java 21 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 e acessar em http://localhost:8080/; |
|
|
\ No newline at end of file |