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: 10 months 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 (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-05-06T16:13:50.000Z (almost 5 years ago)
- Last Synced: 2025-02-26T02:42:38.571Z (about 1 year 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.**
### **2. Para comparar dados entre empresas basta marcar os checkbox's e clicar em comparar empresas.**
# 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!***