Projeto

Este projeto consiste em um aplicativo (APP) que renderiza estatísticas recebidas da API em três tipos de gráficos.

acesse o deploy do APP aqui!

---

⚠️ Configurações mínimas para execução do projeto

Para executar o projeto em sua máquina, é necessário ter o Node.js na versão 16.14.0 instalado.

---

Instalação do Node.js

Você pode utilizar o NVM (Node Version Manager) para instalar o Node.js. Siga as instruções abaixo:

1. Instale o NVM, caso ainda não tenha:
   • Instruções de instalação do NVM
2. Instale a versão 16.14.0 LTS do Node.js e defina como padrão:

   nvm install 16.14 --lts
   nvm use 16.14
   nvm alias default 16.14

---

🚀 Instalação e execução

1. Abra o terminal ou prompt de comando

2. Navegue até a pasta onde deseja clonar o repositório

3. Clone o repositório

• git clone git@github.com:kadraknb/DataGraphic.git

4. Aguarde o processo de clonagem ser concluído

5. Após o processo de clonagem ser concluído, navegue até a pasta do projeto clonado digitando o comando:

• cd DataGraphic

6. Inicializar o projeto

• npm start

7. Acesso do projeto

• http://localhost:8080

---

🏗️ Estrutura do projeto

O projeto é organizado da seguinte forma:

3 . Front-end: Desenvolvido com as seguintes dependências:

• Vue.js v2
• Axios
• ApexCharts
• Bootstrap

2 . API:

• https://plataforma-develop-pp6d7tx7ka-rj.a.run.app/api/teste/top-10-produtos

  • Endpoint que retorna um array com os 10 produtos mais vendidos, contendo as seguintes informações:

    • [
        {
          "produto": "CAPA DE FECHAMENTO - CF40-01-10",
          "vendas": 3,
          "porcentagem": 15
        },
        ...
      ]
      

---

• https://plataforma-develop-pp6d7tx7ka-rj.a.run.app/api/teste/faturamento-anual

  • Endpoint que retorna um array com o faturamento mensal do ano, contendo as seguintes informações:

    • [
        { 
        "faturamentoMes": "128962.94",
        "data": "2022-01-01 00:00:00"
        },
        ...
      ]
      

---

📪 Contato

• Email: vagner_cardoso_s@outlook.com
• GitHub: kadraknb
• LinkedIn: vagner-cardos-santos

---