COVID-19 World is a ReactJS project built to study and improve my React skills.

COVID-19 World app is running as a website hosted on Azure.

👉 https://covid19.azurewebsites.net/

Home page provides the statistics on the data from country Italy

• Total Number of Confirmed Cases
• Total Number of Active Cases
• Total Number of Recoverd Cases
• Total Number of Deaths
• Trends
  • Number of New Cases Found per Day
  • New Cases Trends - % Changes Per day
  • Trends Change of Confirmed vs Active vs Recovered vs Deaths

World page provides the rich features and stats about the Countries affected by the virus:

• Compare Countries over the Weeks: Compare the Spreads by Selecting the Countries of your choice. The selection also gets persisted into the localstorage of the browser so that, you can montor those over times.
• Countries with Overall Death Impact
• Countries Recovering Well
• Total Cases and Splits
• Countries with maximum Deaths Today
• Major Country Spreads

Countries page list down all the countries affected by the Virus today. This page allows to:

• Find a Specific Country by type-down search.
• Select a Country to drill down on the details.
• Sort the Countries based on, total cases, active cases, deaths and recovery.

COVID-19 World is a ReactJS based project uses API from various sources to visualize and analyse the data to represent in most useful manner. Once you clone/fork the repo, you should be able to run it locally.

Make sure, you have NodeJS installed. Preffered Version of nodeJs is >12.x.x

With NPM, Do the followings:

• npm install: Install the Projcect Dependencies
• npm run start: Start the app in dev mode. The app will be available on https://localhost:4000
• npm run build: Build the app for production.

This app is built from the scratch using following User Interface Technologies:

• ReactJs
• Bootstrap
• Recharts
• Azure