Skip to content

uchiha-suraj/covid-19-tracker-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

COVID-19-TRACKER

1. Firebase link of this project

Firebase link of this project:

See the project here >>>👉 https://covid-19-tracker-e5754.web.app/

Key Features:

1. We can see total number of cases, total recovered cases and total number of deaths
   worldwide and also in a specific country, from the box.
   
2. From the table we can see the ranking of each country based on the total cases.

3. By clicking any country from the map we can get the clear visualization of 
   corona scenario of that specific nation.
   
4. From the chart line graph we can get the clear data visualization of total cases,
   total recoveries and total deaths.

Mobile Responsiveness

⬆ Back to Top

Technologies I've used:

1. react => Entire front-end design of this app is made by Reactjs.

2. The API I have used is "disease.sh".

3. flex-box => used flexbox in CSS.

4. material-UI => I've used Material-UI to design this application.

5. react-chartjs => to build the chart graphical representation.

6. numeral => for tooltip, when we hover on the graph, we can get the value on that point.

7. react-leaflet => to build the map.

8. firebase => to deploy the app

⬆ Back to Top