Merge pull request #40 from fga-eps-mds/develop

Release 1.0
fga-eps-mds · Nov 24, 2020 · 08fe8fb · 08fe8fb
2 parents 1e648e8 + 7f123b7
commit 08fe8fb
Show file tree

Hide file tree

Showing 311 changed files with 33,851 additions and 6,233 deletions.
diff --git a/.env b/.env
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,47 @@
+module.exports = {
+  env: {
+    es6: true,
+  },
+  extends: [
+    'airbnb',
+    'prettier',
+    'prettier/react',
+  ],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly',
+    __DEV__: 'readonly',
+  },
+  parser: 'babel-eslint',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  plugins: [
+    'react',
+    'prettier',
+  ],
+  ignorePatterns: ['src/tests/*'],
+  rules: {
+    'react/jsx-filename-extension': [
+      'warn',
+      {
+        extensions: ['.jsx', '.js'],
+      },
+    ],
+    'import/prefer-default-export': 'off',
+    'react/state-in-constructor': 'off',
+    'react/static-property-placement': 'off',
+    'react/jsx-props-no-spreading': 'off',
+    'react/prop-types': 'warn',
+    'jsx-a11y/no-static-element-interactions': 'off',
+    'jsx-a11y/click-events-have-key-events': 'off',
+    'no-underscore-dangle':'off',
+    'jsx-a11y/label-has-associated-control':'warn',
+    'import/no-named-as-default':'off',
+    'no-undef':'warn'
+  },
+};
diff --git a/.github/workflows/homolog-deploy.yml b/.github/workflows/homolog-deploy.yml
@@ -0,0 +1,68 @@
+name: Continuous Integration and Delivery
+
+on:
+  push:
+    branches:
+      - develop
+      - 79-nginx
+
+jobs:
+
+  tests:
+    name: Run Tests and Publish to CC
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Modules
+        run: npm install
+      - name: Run Tests
+        env:
+          SKIP_PREFLIGHT_CHECK: true
+        run: npm run test
+      - name: Publish to CC
+        uses: paambaati/[email protected]
+        env:
+          CC_TEST_REPORTER_ID: ${{secrets.CC_REPORTER_ID}}
+        with:
+          coverageLocations: coverage/lcov.info:lcov
+
+  build:
+    name: Push Docker image to GitHub Packages
+    runs-on: ubuntu-latest
+    #needs: tests
+    steps:
+    - name: Check out the repo
+      uses: actions/checkout@v2
+
+    - name: Push to GitHub Packages
+      uses: elgohr/Publish-Docker-Github-Action@master
+      with:
+        username: ${{ github.actor }}
+        password: ${{ secrets.GITHUB_TOKEN }}
+        registry: docker.pkg.github.com
+        name: fga-eps-mds/2020.1-minacademy-frontend/app
+        tags: homolog
+        context: ./
+        default_branch: 50-ci-cd
+        dockerfile: hom.Dockerfile
+
+  deploy:
+    name: Deploy package to DigitalOcean 
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy package to DigitalOcean
+        uses: appleboy/ssh-action@master
+        env:
+            GITHUB_USERNAME: ${{ github.actor }}
+            GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          host: ${{ secrets.HOMOLOG_IP }}
+          username: ${{ secrets.HOMOLOG_USERNAME }}
+          password: ${{ secrets.HOMOLOG_PASSWORD }}
+          envs: GITHUB_USERNAME, GITHUB_TOKEN
+          script: |
+            cd minacademy-frontend
+            docker login docker.pkg.github.com -u $GITHUB_USERNAME -p $GITHUB_TOKEN
+            docker pull docker.pkg.github.com/fga-eps-mds/2020.1-minacademy-frontend/app:homolog
+            docker-compose -f docker-compose-hom.yml up -d
diff --git a/.github/workflows/production-deploy.yml b/.github/workflows/production-deploy.yml
@@ -0,0 +1,66 @@
+name: Continuous Integration and Delivery
+
+on:
+  push:
+    branches:
+      - master
+      - 79-nginx
+
+jobs:
+  tests:
+    name: Run Tests and Publish to CC
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Modules
+        run: npm install
+      - name: Run Tests
+        env:
+          SKIP_PREFLIGHT_CHECK: true
+        run: npm run test
+      - name: Publish to CC
+        uses: paambaati/[email protected]
+        env:
+          CC_TEST_REPORTER_ID: ${{secrets.CC_REPORTER_ID}}
+        with:
+          coverageLocations: coverage/lcov.info:lcov
+
+  build:
+    name: Push Docker image to GitHub Packages
+    runs-on: ubuntu-latest
+    #needs: tests
+    steps:
+    - name: Check out the repo
+      uses: actions/checkout@v2
+
+    - name: Push to GitHub Packages
+      uses: elgohr/Publish-Docker-Github-Action@master
+      with:
+        username: ${{ github.actor }}
+        password: ${{ secrets.GITHUB_TOKEN }}
+        registry: docker.pkg.github.com
+        name: fga-eps-mds/2020.1-minacademy-frontend/app
+        tags: production
+        context: ./
+        default_branch: 50-ci-cd
+        dockerfile: prod.Dockerfile
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy package to DigitalOcean
+        uses: appleboy/ssh-action@master
+        env:
+            GITHUB_USERNAME: ${{ github.actor }}
+            GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          host: ${{ secrets.PRODUCTION_IP }}
+          username: ${{ secrets.PRODUCTION_USERNAME }}
+          password: ${{ secrets.PRODUCTION_PASSWORD }}
+          envs: GITHUB_USERNAME, GITHUB_TOKEN
+          script: |
+            cd minacademy-frontend
+            docker login docker.pkg.github.com -u $GITHUB_USERNAME -p $GITHUB_TOKEN
+            docker pull docker.pkg.github.com/fga-eps-mds/2020.1-minacademy-frontend/app:production
+            docker-compose -f docker-compose-prod.yml up -d
diff --git a/.github/workflows/pull-requests.yml b/.github/workflows/pull-requests.yml
@@ -0,0 +1,29 @@
+name: Continuous Integration - PR's Tests
+
+on:
+  pull_request:
+
+jobs:
+  lint:
+    name: Run Lint
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Modules
+        run: npm install
+      - name: ESLint
+        env:
+          CI: true
+        run: npm run lint
+  tests:
+    name: Run Tests
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Install Modules
+      run: npm install
+    - name: Run Tests
+      env:
+        SKIP_PREFLIGHT_CHECK: true
+      run: npm test
diff --git a/.gitignore b/.gitignore
@@ -21,3 +21,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+#vscode 
+/.vscode
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "davidanson.vscode-markdownlint",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "donjayamanne.githistory",
+    "eamodio.gitlens"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,13 +1,17 @@
 {
-  "git.ignoreLimitWarning": true,
-  "editor.rulers": [
-      100
-  ],
   "editor.tabSize": 2,
-  "files.trimTrailingWhitespace": true,
-  "editor.autoClosingBrackets": "always",
-  "editor.codeActionsOnSave": {
-    "source.fixAll.tslint": true,
-    "source.fixAll.eslint": true
-  }
+  "editor.formatOnSave": false,
+  "search.exclude": {
+    "**/bower_components": true,
+    "**/dist": true
+  },
+    "prettier.printWidth": 180,
+    "prettier.trailingComma": "all",
+    "prettier.singleQuote": true,
+    "prettier.eslintIntegration": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.tslint": true,
+        "source.fixAll.eslint": true,
+    },
+    "eslint.validate": ["javascript"]
 }
diff --git a/Dockerfile b/Dockerfile
@@ -1,10 +1,10 @@
 FROM node:13-alpine
 WORKDIR /app
 
+ENV NODE_ENV=development
+RUN npm install [email protected] -g
 COPY package.json /app/package.json
-COPY package-lock.json /app/package-lock.json
 
-RUN npm install [email protected] -g --silent
 RUN npm install --no-optional
 
 COPY . /app

diff --git a/Makefile b/Makefile
@@ -0,0 +1,20 @@
+build:
+	docker-compose up --build
+
+run:
+	docker-compose up
+
+start:
+	docker-compose start
+
+stop:
+	docker-compose stop
+
+list:
+	docker-compose ps
+
+npm:
+	docker-compose exec app npm install $(pacote)
+
+npm-dev:
+	docker-compose exec app npm install -D $(pacote)
diff --git a/README.md b/README.md
@@ -1,34 +1,46 @@
-# Django Girls _**Tutorial**_
+# Minacademy Frontend
 
-Repositório do Front End do projeto [DjangoGirls _Tutorial_](https://github.com/fga-eps-mds/2020.1-Grupo4).
+[![Maintainability](https://api.codeclimate.com/v1/badges/7ce4a9cafb291faa20a0/maintainability)](https://codeclimate.com/github/fga-eps-mds/2020.1-Minacademy-FrontEnd/maintainability) [![Test Coverage](https://api.codeclimate.com/v1/badges/7ce4a9cafb291faa20a0/test_coverage)](https://codeclimate.com/github/fga-eps-mds/2020.1-Minacademy-FrontEnd/test_coverage) 
+
+[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=fga-eps-mds_2020.1-Minacademy-FrontEnd&metric=alert_status)](https://sonarcloud.io/dashboard?id=fga-eps-mds_2020.1-Minacademy-FrontEnd) [![Code Smells](https://sonarcloud.io/api/project_badges/measure?project=fga-eps-mds_2020.1-Minacademy-FrontEnd&metric=code_smells)](https://sonarcloud.io/dashboard?id=fga-eps-mds_2020.1-Minacademy-FrontEnd)[![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=fga-eps-mds_2020.1-Minacademy-FrontEnd&metric=sqale_rating)](https://sonarcloud.io/dashboard?id=fga-eps-mds_2020.1-Minacademy-FrontEnd)[![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=fga-eps-mds_2020.1-Minacademy-FrontEnd&metric=reliability_rating)](https://sonarcloud.io/dashboard?id=fga-eps-mds_2020.1-Minacademy-FrontEnd)[![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=fga-eps-mds_2020.1-Minacademy-FrontEnd&metric=security_rating)](https://sonarcloud.io/dashboard?id=fga-eps-mds_2020.1-Minacademy-FrontEnd)
+
+[![Lines of Code](https://sonarcloud.io/api/project_badges/measure?project=fga-eps-mds_2020.1-Minacademy-FrontEnd&metric=ncloc)](https://sonarcloud.io/dashboard?id=fga-eps-mds_2020.1-Minacademy-FrontEnd)[![Duplicated Lines (%)](https://sonarcloud.io/api/project_badges/measure?project=fga-eps-mds_2020.1-Minacademy-FrontEnd&metric=duplicated_lines_density)](https://sonarcloud.io/dashboard?id=fga-eps-mds_2020.1-Minacademy-FrontEnd)
+
+
+
+Repositório do Front End do projeto [Minacademy](https://github.com/fga-eps-mds/2020.1-Grupo4).
 
 ## Executando o projeto
 
-- Instale o [Docker](docs.docker.com/get-docker/) e o [Compose](docs.docker.com/compose/install/#install-compose) no seu computador
+- Instale o [Docker](http://docs.docker.com/get-docker/) e o [Compose](http://docs.docker.com/compose/install/#install-compose) no seu computador
 
 - Rode o backend do projeto. Saiba mais [aqui](https://github.com/fga-eps-mds/2020.1-Grupo4-BackEnd)
 
 - Baixe este repositório e entre na pasta baixada
 
-- Se essa é a primeira vez que está rodando o projeto, execute ```docker-compose up --build```
+- Se essa é a primeira vez que está rodando o projeto, execute `make build`
 
-- Se já rodou o projeto antes, execute ```docker-compose up```
+- Se já rodou o projeto antes, execute `make run`
 
 - Se você fez os passos acima e não houve nenhum erro, o projeto já está rodando em [localhost:3000](localhost:3000) =D
 
-## Documentação
+## Instalação de Pacotes
+
+Se você deseja instalar um pacote utilizando npm, leia as instruções a seguir:
+
+- Execute o comando `make npm pacote=<nome-do-pacote>`
+- Se for uma dependência apenas para desenvolvimento execute `make npm-dev pacote=<nome-do-pacote>`
+- Caso deseje utilizar o yarn, basta substituir 'npm' por 'yarn'
 
-A documentação desse projeto pode ser acessadas [aqui](https://fga-eps-mds.github.io/2020.1-Grupo4/).
+## Comandos Úteis
 
-<!-- ## Time
+| Comando                             | Descrição                                   |
+| ----------------------------------- | ------------------------------------------- |
+| `make start`                        | Inicia o container quando este está pausado |
+| `make stop`                         | Pausa a execução do container               |
+| `make list`                         | Lista os containers em execução             |
+| `docker-compose exec app <comando>` | Executa um comando dentro do container      |
+
+## Documentação
 
-Membro     | Nome             | GitHub
-:-----     |:-----            | :-----
-[<img src="https://www.linkpicture.com/q/49292747.png" width="80">](https://github.com/EduardoPicolo)  |Eduardo Pícolo     | [@EduardoPicolo](https://github.com/EduardoPicolo) |
-[<img src="https://www.linkpicture.com/q/30116525.jpeg" width="80">](https://github.com/estevaoreis25) | Estevão Reis      | [@estevaoreis25](https://github.com/estevaoreis25) |
-[<img src="https://www.linkpicture.com/q/36926637.jpeg" width="80">](https://github.com/gabiMSilva)    | Gabriela Medeiros | [@gabiMSilva](https://github.com/gabiMSilva)       |
-[<img src="https://www.linkpicture.com/q/31005087.jpeg" width="80">](https://github.com/GeovanaRamos)  | Geovana Ramos     | [@GeovanaRamos](https://github.com/GeovanaRamos)   |
-[<img src="https://www.linkpicture.com/q/49578168.png" width="80">](https://github.com/JaimeJuan11)    | Jaime Juan        | [@JaimeJuan11](https://github.com/JaimeJuan11)     |
-[<img src="https://www.linkpicture.com/q/48891167.jpeg" width="80">](https://github.com/luucas-melo)   | Lucas Melo        | [@luucas-melo](https://github.com/luucas-melo)     |
-[<img src="https://www.linkpicture.com/q/57498006.png" width="80">](https://github.com/peHaick)        | Pedro Haick       | [@peHaick](https://github.com/peHaick)             |
-[<img src="https://www.linkpicture.com/q/42697323.jpeg" width="80">](https://github.com/Rocsantos)     | Rodrigo Santos    | [@Rocsantos](https://github.com/Rocsantos)         | -->
+A documentação desse projeto pode ser acessada [aqui](https://fga-eps-mds.github.io/2020.1-Grupo4/).
diff --git a/docker-compose-hom.yml b/docker-compose-hom.yml
@@ -0,0 +1,21 @@
+version: '3.7'
+services:
+  app:
+    stdin_open: true
+    restart: always
+    image: docker.pkg.github.com/fga-eps-mds/2020.1-minacademy-frontend/app:homolog
+    ports:
+      - 80:80
+      - 443:443
+    volumes:
+      - /etc/letsencrypt/:/etc/letsencrypt/:ro
+    networks:
+      - client-server-network
+    environment:
+      REACT_APP_SERVER_URL: https://hom-minacademy.tk/api
+
+
+networks:
+  client-server-network:
+    external:
+      name: client-server-network
diff --git a/docker-compose-prod.yml b/docker-compose-prod.yml