Downloads: 1 | Views: 150 | Weekly Hits: ⮙1 | Monthly Hits: ⮙1
Research Paper | Computer Science and Information Technology | India | Volume 12 Issue 4, April 2023 | Rating: 5 / 10
Real Time COVID-19 Tracker Using React JS
Kalyani Vaidya
Abstract: As we all know that during this tough time everyone is facing the summons because of this scary pandemic Covid19. More than 200 countries are affected due to this pandemic and the populace is uninformed when this drastic period will come to an end. How the rapid growth of this virus is going to be stopped, apart from vaccinations and medicare everyone needs to be much more aware about the dangerous situation and must follow the protocols and guidelines imposed by government in order to be safe or free from the scary virus. 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. 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,[at]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. An web software which will be helpful in displaying all the data of Covid19 (such as number of total cases worldwide, number of active cases, etc). Getting real time data for anything is very beneficial for all the users, as we are displaying the data for covid19 so without going anywhere they can easily get to know their current place status for corona i. e. total number of covid19 cases in their country or city. This way of collecting data will be helpful as the users will not come in direct contact with anyone and hence, they do not get affected.
Keywords: API calls, JSX, Sorting Algorithms, NPM packages, JSON, Page Reloads, Library, components, Responsiveness, Dynamic data representation
Edition: Volume 12 Issue 4, April 2023,
Pages: 1113 - 1116