The latest articles on Forem by Maaz Abdullah (@maaz1996). https://forem.com/maaz1996 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F235986%2Faf382828-7f6e-4581-b554-7d8c048f7563.jpeg https://forem.com/maaz1996 en Maaz Abdullah Tue, 05 May 2020 21:03:17 +0000 https://forem.com/maaz1996/covid-19-tracking-app-39kc https://forem.com/maaz1996/covid-19-tracking-app-39kc <p>Coronavirus disease (COVID-19) is an infectious disease caused by a newly discovered coronavirus. Corona Virus is, unfortunately, spreading through the entire world. As far as of today we don't have any vaccines for this infectious disease. Scientists all around the world are trying their best to develop a vaccine for this disease. Government around the world are trying to limit the cases in their countries so as to flatten the curve and prevent further infection into its people.</p> <p>What can we, as developers, do to make the situation better? We can help to spread awareness by visualizing the data. <br> This is my small effort to develop a COVID-19 Tracking app based on react.<br> It is a COVID-19 Tracker/Stats Application. I have used React with the addition of Charts.js, Material UI, and many different modules. The data is fetched from the API and cards are created displaying the statistics as well as Charts. This project/application is created using the most modern JavaScript syntax. Along the way, I have used Material UI, Charts.js, React Hooks, API data fetching, all of it in React JS!</p> <p>App Link: <a href="https://covidtrackerglobe.netlify.app/">https://covidtrackerglobe.netlify.app/</a></p> <p>Here are few of the screenshots of the App<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--J8S_wiz3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ky8olsfhv2wbfvc7fav1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J8S_wiz3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ky8olsfhv2wbfvc7fav1.png" alt="Alt Text"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--fr7pVX-Y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2jjxfbc4zrb44cnpm2p3.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fr7pVX-Y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2jjxfbc4zrb44cnpm2p3.png" alt="Alt Text"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cxccFWHA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5nct7nr2pempfpq6ne1k.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cxccFWHA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5nct7nr2pempfpq6ne1k.png" alt="Alt Text"></a></p> <p>API: <a href="https://covid19.mathdro.id/api">https://covid19.mathdro.id/api</a><br> Github: <a href="https://github.com/maaz1996/covid-19">https://github.com/maaz1996/covid-19</a></p> react node javascript computerscience Maaz Abdullah Fri, 01 May 2020 01:52:02 +0000 https://forem.com/maaz1996/my-first-computer-code-4b72 https://forem.com/maaz1996/my-first-computer-code-4b72 <p>Hello World!</p>