uchiha-suraj / covid-19-tracker-app

🌑 It's a real time covid tracker application, we can track real time covid cases here.

Home Page:https://covid-19-tracker-e5754.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

🌑 It's a real time covid tracker application, we can track real time covid cases here.

https://covid-19-tracker-e5754.web.app/


Languages

Language:JavaScript 78.8%Language:CSS 14.0%Language:HTML 7.2%