https://github.com/thlindustries/financialdata_graphics_react_highcharts

Uma plataforma para visuzalição de dados sobre a bolsa de valores dos estados unidos, utilizando a library HighCharts
https://github.com/thlindustries/financialdata_graphics_react_highcharts

data-visualization highcharts react reactjs

Last synced: 18 days ago
JSON representation

Uma plataforma para visuzalição de dados sobre a bolsa de valores dos estados unidos, utilizando a library HighCharts

• Host: GitHub
• URL: https://github.com/thlindustries/financialdata_graphics_react_highcharts
• Owner: thlindustries
• Created: 2020-01-14T20:18:25.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-05-06T16:13:50.000Z (over 3 years ago)
• Last Synced: 2024-11-11T01:32:34.229Z (3 months ago)
• Topics: data-visualization, highcharts, react, reactjs
• Language: JavaScript
• Homepage:
• Size: 662 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Iniciando o desafio:

Aplicação front end desenvolvida utilizando React JS que consome uma API de dados financeiros sobre empresas americanas.

# Instalação:

Use o [npm](https://www.npmjs.com/) para instalar as dependências.

```bash

cd /client/softexpert

npm install

npm start

```

# Acessar a aplicação:

Para acessar a aplicação basta entrar no endereço:

[localhost:3000](http://localhost:3000)

# Como navegar pela aplicação?

### **1. Para consultar os dados de apenas uma empresa basta clicar no botão que existe no final da linha respectiva à empresa que deseja visualizar.**

![alt text](https://i.imgur.com/9BYrAw1.png)

### **2. Para comparar dados entre empresas basta marcar os checkbox's e clicar em comparar empresas.**

![alt text](https://i.imgur.com/dHE7Dv4.png)

# Atenção

# Nota de correção: 

### **Redirecionamento automatico implementado !** ***atualizado dia 19/01/2020***

3. ~~Caso voce selecione uma empresa em que a API retorne um objeto vazio um alerta irá aparecer ! *(A empresa circulada no caso retorna um objeto vazio)~~*

3.1. ~~Leia o *ALERT*, remova da *URL* o(s) Símbolo(s) das empresas que o *ALERT* informou e carregue a página novamente !~~

# Pacotes utilizados:

```bash

React:

    react-router-dom,

    @material-ui/core,

    @material-ui/icons,

    styled-components, 

    axios, 

    highcharts-react-official,

    highcharts-react, 

    react-highcharts,

    highcharts. 

```

# Qual é o meu progresso?

```bash

100%

```

### Implementações futuras

1. ~~Redirecionamento automatico quando a API retornar objeto vazio~~  ***FEITO***   ***atualizado dia 19/01/2020***

2. Design de interface.

3. Update em tempo real.

4. Otimização de código.

### ***Obrigado pela oportunidade e atenção!***