Fale Conosco

Blog da Hora

ReactJS Coronavírus Contador Website – #Parte 16

Vídeos

ReactJS Coronavírus Contador Website – #Parte 16

GitHub: https://github.com/rodrigodsluz/covid-19-tracker-application

Site pronto e rodando: https://covid19numbers.herokuapp.com/

Playlist com todas as partes: https://www.youtube.com/playlist?list=PLnhDPh2zWvmQJVGA2t2mwBU581awo1qW1

Neste vídeo, desenvolveremos um contador de coronavírus em React JS.

O projeto irá buscar os dados ativos da API usando a sintaxe Async / Await. Também estou usando React Hooks com a adição de Charts.js, Material UI e muitos módulos diferentes.

O coronavírus está, infelizmente, se espalhando por todo o planeta. A situação atual no mundo não é ótima, mas o que podemos, como desenvolvedores, fazer para torná-la melhor?

Bem, uma coisa que podemos fazer é pegar uma API que tem muitos dados e então podemos visualizá-los, para ajudar a espalhar a consciência.

Os dados são obtidos da API e criaremos cards exibindo as estatísticas, bem como gráficos. Este projeto / aplicação é criado usando a mais moderna sintaxe JavaScript.

Vamos explorar os dados e ver o número de infectados, pessoas recuperadas e também o número de mortes.

Essas estatísticas nos fornecerão uma melhor compreensão de como o covid-19 está se espalhando e afetando a vida das pessoas.

Este gráfico contém muitos dados, mas se não criássemos um gráfico, se apenas tivéssemos os dados brutos, seria uma matriz de muitos números que seriam ilegíveis para qualquer ser humano, mas pegando os dados e entendendo-os , é a melhor coisa que podemos fazer neste cenário, para que possamos visualizar o crescimento exponencial e então possamos agir.

Além disso, nesta aplicação poderemos escolher todas as estatísticas de países, para que possamos ver os dados de um determinado país.

Clique Para Comentar

Leave a Reply

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Facebook

Clique Aqui e Ganhe Um e-Book Grátis
To Top
%d blogueiros gostam disto: