chart-plotting-demo-app

Sumário

• chart-plotting-demo-app
  • Sumário
  • Motivação
  • Pilha de tecnologia
  • Galeria
    • CoinAPI
    • CoinGecko
  • Como rodar
    • Pré-requisitos
    • Passo a passo

Motivação

Este app é uma demonstração do módulo react-native-svg-charts. Ele utiliza um serviço de consulta da API CoinGecko para retornar a cotação do Bitcoin nos últimos dez dias, sendo o último dia o dia em que o app é iniciado. Uma peculiaridade desse aplicativo é que ele foi projetado com flexibilidade em mente. Ou seja, modificando apenas a classe CoinGeckoService pela classe CoinAPIService, o app continuará a funcionar normalmente, só que consumindo outra API que traz a mesma informação. Apesar das duas classes implementarem o mesmo método getQuotationADay, não há uma interface formal definida. É importante mencionar que, às vezes, as APIs podem retornar erros como 401 (CoinAPI) e 429 (CoinGecko). Nesses casos, é recomendável reiniciar o app para garantir seu correto funcionamento.

Este foi o sexto repositório de código apresentado no Curso Superior de TSI do IFMS como requisito para obtenção da nota parcial das atividades da unidade curricular Programação para Dispositivos Móveis I.

← Repositório anterior

Pilha de tecnologia

Papel	Tecnologia
Ambiente de execução	Node
Plataforma	Expo
Linguagem de programação	JavaScript
Front-end	React Native
Base de dados1	CoinAPI
Base de dados2	CoinGecko

Galeria

CoinAPI

CoinGecko

Como rodar

Pré-requisitos

• Node;
• Yarn (opcional);
• Dispositivo móvel:
  • Expo Go.

Passo a passo

1. Clone o repositório de código em sua máquina;

2. Abra um shell de comando de sua preferência (prompt de comando, PowerShell, terminal etc.);

3. Instale as dependências do projeto através do seguinte comando:

$ npm install

Caso esteja utilizando o gerenciador de pacotes Yarn, execute o seguinte comando como alternativa:

$ yarn

4. Execute o seguinte comando para iniciar o app:

Para npm:

$ npm run start

Para Yarn:

$ yarn start

5. Uma vez iniciado, aparecerá um QR Code. Você deve escaneá-lo com o aplicativo Expo Go, disponível para Android e iOS;

6. Como alternativa, você pode executar o app no seu navegador, pressionando o atalho w. Entretanto, alguns módulos podem não funcionar na versão web do app.

7. Exclusivamente para este repositório de código, você pode executar uma versão similar no meu snack¹ mdccg/cotacao-bitcoin.

¹ Snack refere-se a um recurso do site da Expo onde os desenvolvedores podem criar, visualizar e compartilhar trechos de código-fonte em tempo real usando um ambiente de desenvolvimento on-line. Esses trechos de código-fonte geralmente contêm exemplos de como implementar recursos específicos no React Native, e os usuários podem testá-los instantaneamente em seus próprios dispositivos móveis, sem precisar configurar um ambiente de desenvolvimento em seu computador.