fga-eps-mds / 2021.2-INDICAA

Este projeto tem como objetivo criar um software para a melhor visualização de informações relacionadas às matérias ofertadas no SIGAA, com o objetivo de melhorar o trabalho da secretaria na volta gradual as aulas.
https://fga-eps-mds.github.io/2021.2-INDICAA-Wiki/
GNU General Public License v3.0
8 stars 7 forks source link

Configuração do ambiente de trabalho #36

Closed Matheuspimentell closed 2 years ago

Matheuspimentell commented 2 years ago

Descrição

Realizar a configuração do ambiente de trabalho geral, para que, durante a execução do projeto, todos os membros do time estejam com seus respectivos ambientes prontos para desenvolvimento.

Tarefas

Critérios de aceitação

RochaCarla commented 2 years ago

falta descrição

Matheuspimentell commented 2 years ago

Pequeno projeto em python com contêinerização em docker

#Usando o python3.9
FROM python:3.9

#Adicione, a partir da pasta onde se encontra o dockerfile, o arquivo nome-do-arquivo.py ao contêiner
ADD teste.py /

#Rode o comando <comandos-aqui>
RUN pip install numpy

#No terminal de comando, faça: <comando1 comando2 ...>
CMD [ "python", "./teste.py" ]

teste = np.log10(2) print("log de 2 na base 10:", teste)

# Instruções para rodar este miniprojeto

1. Criar 2 arquivos em uma pasta, um com o nome dockerfile e outro com o nome teste.py
2. No terminal do linux, com o docker instalado rodar os seguintes comandos: 

sudo docker build -t .

sudo docker run


Com estes passos, você deverá obter o seguinte resultado em seu terminal:

log de 2 na base 10: 0.3010299956639812

Matheuspimentell commented 2 years ago

Links úteis para esta issue

. Docker hub . Docmentação do Docker . Overview do Docker compose

Matheuspimentell commented 2 years ago

Vite Aula rocketseat - criando um projeto react em 2022

Matheuspimentell commented 2 years ago

Proposição de uso

Venho por meio desta propor o uso do Vite (com react) para a criação do projeto de front-end.

Node

Com relação ao Node, que é a base para utilizarmos o react, venho recomendar que utilizemos a versão 16.14.0, ou 16.x, que é a versão que possui LTS (long term support). Assim, sugiro que façamos a configuração do node da seguinte forma

Para Ubuntu

  1. No terminal, utilizar os seguintes comandos:
    curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
    sudo apt-get install -y nodejs
    • Assim, o node em sua máquina será sempre atualizado para a última versão LTS do node
  2. Utilizar o comando:
    node --version
    • O resultado esperado (conforme a versão LTS atual) é:
      v16.14.0

      Vite

Com relação ao vite, não é necessário a instalação de nenhum pacote. utilizaremos ele para realizar a criação de um projeto em react.ts, que utiliza typescript ao invés de javascript.

Os passos a seguir para a criação do projeto vite + react são:

Para ubuntu

  1. No terminal, utilizar o comando de criaçao do projeto:

    npm create vite@latest <nome-do-projeto>
  2. Assim, entraremos na seguinte janela, nela devemos selecionar a opção react:

  3. E depois, selecionar react-ts para um projeto em typescript:

  4. Após a criação do projeto, usar os comandos:

    cd <nome-do-projeto>
    npm install
    npm run dev
  5. E agora o seu projeto react + vite estará pronto para ser visualizado em: http://localhost:3000

Dockerizando o projeto

Agora, para realizar a dockerização do projeto, seguiremos os seguintes passos:

  1. Criar um arquivo com o nome dockerfile na pasta //

    Nele, inserir:

    FROM node:lts-alpine
    WORKDIR /app
    COPY package*.json /app/
    RUN npm install
    COPY . .
    EXPOSE 3000
    CMD ["npm", "run", "dev"]
  2. Criar um arquivo com o nome .dockerignore para agilizar o processo de montagem do contêiner:

    Nele, inserir:

    /node_modules
    npm-debug.log
  3. Também devemos adicionar algumas linhas de código ao arquivo vite.config.ts:

    import { defineConfig } from 'vite'
    import react from '@vitejs/plugin-react'
    
    // https://vitejs.dev/config/
    export default defineConfig({
        server: {
        host: '0.0.0.0',
        port: 3000,
        },
        plugins: [react()]
    })
    • Assim deve estar o arquivo após as alterações. Utilizaremos a tag server para configurar o host e a porta que será utilizada.
  4. Agora o projeto está pronto para ser dockerizado. Utilizaremos os seguintes comandos:

    docker build -t <nome-do-projeto> .
    docker run -dp 3000:3000 <nome-do-projeto> 
  5. Com isso, o projeto dockerizado já estará em http://localhost:3000.

Matheuspimentell commented 2 years ago

Tecnologias escolhidas

Front-end:

Back-end:

Ferramenta de BI:

Matheuspimentell commented 2 years ago

Com relação aos versionamentos

Nodejs

Python

MongoDB

Matheuspimentell commented 2 years ago

Por fim, irei confeccionar um dockerfile e um makefile após a finalização do desenvolvimento inicial do front-end, que será a entrega mais visual da R1. E com isso, todos que clonarem o repositório terão as versões corretas especificadas dentro dos arquivos citados.