Skip to content

A covid-19 website where you can view data on continents, countries and on Map. The data is presented in a line graph, a bar graph with selector input, and you can click on the Map to get statistics of that country.

Notifications You must be signed in to change notification settings

KaidenCoder/Covid19MapStatistics

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

COVID-19 MAP DASHBOARD

A covid-19 web app where you can view data on continents, countries and on Map. The data is presented in a line graph, a bar graph with selector input, and you can click on the Map to get statistics of that country. You also get the latest news on Covid on the news tab.

Table of contents

Overview

It is a ReactJS Covid19 web app with multiples API endpoints generating global, continent, country, and news data. This data is representable visually on the front-end. News is generated from Guardian API.

Screenshot

  • Global page
  • Continent page
  • Country page
  • Map
  • News

Links

My process

First, I had two to parse the API using the fetch function. And then, the data are presented visually using JSX and npm libraries on the front end.

Built with

  • JSX
  • CSS
  • React JS
  • react-chartjs-2
  • leaflet

What I learned

I learned how to fetch multiple data using API endpoints.

export const fetchDataChangeable = async (country) => {
  let changeableUrl = `${url2}/countries/India`;
  if (country) {
    changeableUrl = `${url2}/countries/${country}`;
  }
  try {
    const response = await axios.get(changeableUrl);
    const modifiedData = {
      confirmed: response.data.cases,
      recovered: response.data.recovered,
      deaths: response.data.deaths,
      todayCases: response.data.todayCases,
      country: response.data.country,
    };
    return modifiedData;
  } catch (error) {}
};

Useful resources

Author

Acknowledgments

I have done this project from scratch by referencing the websites that I mentioned.

About

A covid-19 website where you can view data on continents, countries and on Map. The data is presented in a line graph, a bar graph with selector input, and you can click on the Map to get statistics of that country.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published