Skip to content
Info

Integrantes: Alex Macedo, Débora Duarte, Henrique Sardella, Rafa Ambrosio, Thiago Hilario

Backend: https://github.com/Alexxmfs/Backend_Vava
Docker: https://github.com/henrique-sdc/Docker_Valorant
Scrape: https://github.com/Alexxmfs/Scrape_Valorant
Frontend: https://github.com/Alexxmfs/Dashboard_Valorant

Roteiro para Rodar nosso Projeto

Backend

Clonando Repositório Backend

Este repositório contém o código-fonte da api desenvolvida para dados de jogadores do jogo Valorant. Para clonar o repositório e configurar o backend localmente, siga os passos abaixo:

Clone esse repositório:

https://github.com/Alexxmfs/Backend_Vava.git
  1. Abrindo o repositório:

    Navegue até o diretório do projeto clonado:

    cd Backend_Vava
    

    Abrir a IDE Visual Studio Code através

    cd code .
    

    É preciso abrir o seguinte diretório "src/main/resources/application.properties"

    spring.datasource.url=jdbc:postgresql://localhost:5432/vava
    spring.datasource.username=vava
    spring.datasource.password=vava
    

    Configure com o usuário e senha do seu banco de dados e o nome do banco de dados

    Após isso execute estes comando no CMD da pasta:

    mvn clean
    
    mvn package
    
    mvn spring-boot:run
    

    Verifique a versão do projeto, pois estamos utilizando a versão do jdk 17

Contêiner do Docker

Importante

Antes de fazer esse procedimento é preciso já ter clonado o Backend e rodado o comando: mvn clean package

O primeiro passo para você testar o nosso projeto é baixar o aplicativo desktop Docker:

https://www.docker.com/products/docker-desktop/

Após a instalação do Docker clone o repositório:

https://github.com/henrique-sdc/Docker_Valorant.git

Abrindo o Repositório:

Navegue até o diretório do projeto clonado:

cd Docker_Valorant

Abrir a IDE Visual Studio Code através:

cd code .

Abra o terminal CMD e execute o comando:

docker compose up -d --build --force-recreate

Feito isso você terá criado um contêiner no Docker onde estará nosso banco de dados.

É preciso abrir o pgAdmin caso não tenha instalado instale PostgreSQL depois de ter instalado abre o pgAdmin crie um banco de dados vava, após isso cole este comando no terminal SQL para criar nosso banco:

    CREATE TABLE jogadores (
    id SERIAL PRIMARY KEY,
    Username VARCHAR(255),
    Tag VARCHAR(255),
    Url TEXT,
    DpR NUMERIC,
    Kdr NUMERIC,
    Headshot NUMERIC,
    Win NUMERIC,
    Wins NUMERIC,
    KAST NUMERIC,
    DDdeltaR NUMERIC,
    Kills NUMERIC,
    Deaths NUMERIC,
    Assists NUMERIC,
    ACS NUMERIC,
    kad_ratio NUMERIC,
    kills_per_round NUMERIC,
    Clutch1v1s NUMERIC,
    flawless_rounds NUMERIC,
    current_rating NUMERIC,
    peak_rating NUMERIC,
    Playtime NUMERIC,
    Matches NUMERIC,
    Level NUMERIC,
    Losses NUMERIC,
    top_agent1 VARCHAR(255),
    top_agent2 VARCHAR(255),
    top_agent3 VARCHAR(255),
    top_hours_agent1 NUMERIC,
    top_hours_agent2 NUMERIC,
    top_hours_agent3 NUMERIC,
    top_matches_agent1 NUMERIC,
    top_matches_agent2 NUMERIC,
    top_matches_agent3 NUMERIC,
    top_win_agent1 NUMERIC,
    top_win_agent2 NUMERIC,
    top_win_agent3 NUMERIC,
    TopKDAgent1 NUMERIC,
    TopKDAgent2 NUMERIC,
    TopKDAgent3 NUMERIC,
    top_weapon1 VARCHAR(255),
    top_weapon_headshot1 NUMERIC,
    top_weapon_bodyshot1 NUMERIC,
    top_weapon_legshot1 NUMERIC,
    top_weapon_kills1 NUMERIC,
    top_weapon2 VARCHAR(255),
    top_weapon_headshot2 NUMERIC,
    top_weapon_bodyshot2 NUMERIC,
    top_weapon_legshot2 NUMERIC,
    top_weapon_kills2 NUMERIC,
    top_weapon3 VARCHAR(255),
    top_weapon_headshot3 NUMERIC,
    top_weapon_bodyshot3 NUMERIC,
    top_weapon_legshot3 NUMERIC,
    top_weapon_kills3 NUMERIC,
    top_map1 VARCHAR(255),
    top_map_winrate1 NUMERIC,
    top_map_wins1 NUMERIC,
    top_map_losses1 NUMERIC,
    top_map2 VARCHAR(255),
    top_map_winrate2 NUMERIC,
    top_map_wins2 NUMERIC,
    top_map_losses2 NUMERIC,
    top_map3 VARCHAR(255),
    top_map_winrate3 NUMERIC,
    top_map_wins3 NUMERIC,
    top_map_losses3 NUMERIC,
    top_map4 VARCHAR(255),
    top_map_winrate4 NUMERIC,
    top_map_wins4 NUMERIC,
    top_map_losses4 NUMERIC,
    top_map5 VARCHAR(255),
    top_map_winrate5 NUMERIC,
    top_map_wins5 NUMERIC,
    top_map_losses5 NUMERIC,
    top_map6 VARCHAR(255),
    top_map_winrate6 NUMERIC,
    top_map_wins6 NUMERIC,
    top_map_losses6 NUMERIC,
    top_map7 VARCHAR(255),
    top_map_winrate7 NUMERIC,
    top_map_wins7 NUMERIC,
    top_map_losses7 NUMERIC,
    top_map8 VARCHAR(255),
    top_map_winrate8 NUMERIC,
    top_map_wins8 NUMERIC,
    top_map_losses8 NUMERIC,
    top_map9 VARCHAR(255),
    top_map_winrate9 NUMERIC,
    top_map_wins9 NUMERIC,
    top_map_losses9 NUMERIC,
    top_map10 VARCHAR(255),
    top_map_winrate10 NUMERIC,
    top_map_wins10 NUMERIC,
    top_map_losses10 NUMERIC,
    Views NUMERIC,
    rank VARCHAR(255)
    );
Importante

Toda vez que você for usar nosso sistema é preciso verificar se o Docker está ligado.

Raspagem

Importante

Antes de fazer esse procedimento é preciso estar com o backend rodando e o docker também com a tabela de jogadores já criada no pgAdmin.

Clonando Repositório Backend

https://github.com/Alexxmfs/Scrape_Valorant.git

Navegue até o diretório do projeto clonado:

cd Scrape_Valorant

Abrir a IDE Visual Studio Code através

cd code .

Comece a raspar

python main.py

Frontend

Importante

Antes de fazer esse procedimento é preciso que o Docker e o Backend estejam rodando com a tabela de jogadores criada e o mais IMPORTANTE, é necessário já ter raspado alguns jogadores com o arquivo Scrape.

Sugestão de Roteiros

  1. Clonando o Repositório do Dashboard Valorant

    Este repositório contém o código-fonte de um dashboard desenvolvido para análise de dados de jogadores do jogo Valorant. Para clonar o repositório e configurar o frontend localmente, siga os passos abaixo:

    https://github.com/Alexxmfs/Dashboard_Valorant.git
    
  2. Clonando o Repositório:

    Navegue até o diretório do projeto clonado:

    cd Dashboard_Valorant
    

    Abrir a IDE Visual Studio Code através

    cd code .
    

    Instale as dependências do projeto usando npm (Node Package Manager) no Visula Studio Code

    npm install
    

    É preciso digitar o comando abaixo para compilar o código para javascript caso haja erro e necessário instalar o typescript

    tsc
    

    É preciso dar o comando abaixo para iniciar o projeto frontend:

    npm start