Realtime Covid19 Tracker Using React

Abstract

Analysing the data of a deadly pandemic that has created a mess in this wonderful world and caused a lot of deaths is a need of this hour such that we can easily take preventive measures and hold this pandemic growth and eradicate it with certain measures and proper planning and a study is needed to analyse whether any inter-mediate hosts have facilitated the transmission of the virus to humans or vice versa and this could only be done if precise data is analysed [1][6]. The main objective behind writing this paper is to present an idea that how knowledge to an emerging frontend technology like React JS can lead to a wonderful user interface that can serve as a data analyser web software for this deadly pandemic. The paper revolves around a project created with a bunch of features of React JS from exciting frontend components with Material UI to writing CSS, JSX and making API calls to collect worldwide data related to Corona virus [9]. The major highlights of the project entitled in this paper are no page reloads, Responsiveness, body-parsing, API calls for data collection, JSX (HTML inside JS), sorting algorithms, dynamic data representation, REDUX, data representation in dynamic graphs/pie charts. In this a large number of npm packages like react, react-dom, @material-ui etc along with React JS and CSS library like Material UI has been used in order to code the website such that it results in an attractive, responsive and a beautiful project with a single technology that is JS. The web software entitled in this paper is a complete package of features of React JS integrated with some other frontend technologies like CSS and material UI going through which any user can analyse the data related to corona virus geographically as well as graphically.

Authors and Affiliations

Kabir Narang, Ms. Shivangi Kaushal, Ms. Ashima Gambhir

Keywords

Related Articles

A New Mechanism of Free-Radical Nonbranched-Chain Oxidation: Oxygen as an Antioxidant

—New reaction scheme is suggested for the initiated nonbranched-chain addition of free radicals to the multiple bond of the molecular oxygen. The scheme includes the addition reaction of the peroxyl free radical to the o...

Surrogate Mothers' Perceptions of Spontaneous Abortion and Assisted Reproduction

Surrogate mothers' account production of pregnancy misfortune on surrogacy support sites is being explored by scientists. Women create the public online world of surrogacy by communicating through the Internet. I investi...

A Systematic Bioinformatics Approach for Multiple Virtual Screening for Finding Novel MDR-TB Antagonists: Structure Based Screens & Toxicity Prediction Analyzing Poly Pharmacological Affects

Multidrug-resistant tuberculosis has been resistant over more than two primary drugs (isoniazid and rifampin) resulted due to misuse and mismanagement which leads to administration of improper treatment regimens and fail...

Application of Artificial Intelligence in Educational Contexts for Teaching and Learning

Innovative educational technology have transformed teaching and learning techniques. Higher education has recently begun to incorporate new technology as artificial intelligence advances. The purpose of this conceptual r...

Data Routing and Spectrum Utilization Techniques in Cognitive IOT Network

Wireless devices increase the comfort of human life by reducing labor work and data reading accuracy. Wireless device transfer data though allotted spectrum or free available spectrum. An IOT device has limited resource...

Download PDF file
  • EP ID EP747610
  • DOI 10.21276/ijircst.2020.8.6.6
  • Views 30
  • Downloads 0

How To Cite

Kabir Narang, Ms. Shivangi Kaushal, Ms. Ashima Gambhir (2020). Realtime Covid19 Tracker Using React. International Journal of Innovative Research in Computer Science and Technology, 8(6), -. https://europub.co.uk./articles/-A-747610