{"componentChunkName":"component---src-templates-project-js","path":"/projects/canada-covid19-tracker","result":{"data":{"site":{"siteMetadata":{"title":"itsHally"}},"markdownRemark":{"html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/0ca704e06b89e10a61f5175c660cb14a/cb9f4/canada-covid19-tracker.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA80lEQVQoz5WR6ZKCQAyEff9HVBZRVgFlWO4b2nR0qvihtWOqUjlm8tETdnjZuq7qNGMMgiBAGIbqaZrik9kZa7t3QAKi61XBWZahKAoMw4BpHNE2DYa+xyi5vb+FvgUmUYTf0wmZgG9JAt/zcItjGKmPvq/n5n53B1JVeD6jLEtVQkVd26pKOvNees5AqvL2e8QvJT+HgyrM5UNUGF0u+JPcGVhVlT6vyHM0dY1a6lZUdV2HUvbJPVKlM3CapufTBMDesizqszjP6KydgRZE6DzPWhNClYzc31dA+zz+EA4SvI2Ebu//C+QgYVRnAdvI/ifgAyxeD16kfWDUAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"screenshot\"\n        title=\"screenshot\"\n        src=\"/static/0ca704e06b89e10a61f5175c660cb14a/fcda8/canada-covid19-tracker.png\"\n        srcset=\"/static/0ca704e06b89e10a61f5175c660cb14a/12f09/canada-covid19-tracker.png 148w,\n/static/0ca704e06b89e10a61f5175c660cb14a/e4a3f/canada-covid19-tracker.png 295w,\n/static/0ca704e06b89e10a61f5175c660cb14a/fcda8/canada-covid19-tracker.png 590w,\n/static/0ca704e06b89e10a61f5175c660cb14a/efc66/canada-covid19-tracker.png 885w,\n/static/0ca704e06b89e10a61f5175c660cb14a/c83ae/canada-covid19-tracker.png 1180w,\n/static/0ca704e06b89e10a61f5175c660cb14a/cb9f4/canada-covid19-tracker.png 1903w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h1>Canada Covid19 Tracker</h1>\n<p><img src=\"http://therealsujitk-vercel-badge.vercel.app/?app=therealsujitk-vercel-badge\" alt=\"Vercel\"></p>\n<img alt=\"GitHub\" src=\"https://img.shields.io/github/license/itshally/canada-covid19-tracker?style=for-the-badge\">\n<img alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/itshally/canada-covid19-tracker?style=for-the-badge\">\n<p>This is a Covid19 Tracker that displays data around in Canada. I started this project to learn and to practice NextJS.</p>\n<h2>Tools &#x26; Technologies</h2>\n<ul>\n<li>ReactJS</li>\n<li>NextJS</li>\n<li>Material-UI</li>\n<li>Axios</li>\n<li>Material-table</li>\n<li>MomentJS</li>\n<li><a href=\"https://api.covid19tracker.ca/docs/1.0/overview\">Covid19Tracker API</a></li>\n</ul>\n<h2>Installation</h2>\n<p>To clone this project to your device, type the <code>code</code> below to your git bash:</p>\n<pre><code>git clone https://github.com/itshally/canada-covid19-tracker.git\n</code></pre>\n<p>After cloning the repo, make sure to install all the dependencies before running it locally.</p>\n<pre><code>cd canada-covid19-tracker\n\nnpm i\n\nnpm start\n</code></pre>\n<h2>Screenshot</h2>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/0ca704e06b89e10a61f5175c660cb14a/cb9f4/canada-covid19-tracker.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA80lEQVQoz5WR6ZKCQAyEff9HVBZRVgFlWO4b2nR0qvihtWOqUjlm8tETdnjZuq7qNGMMgiBAGIbqaZrik9kZa7t3QAKi61XBWZahKAoMw4BpHNE2DYa+xyi5vb+FvgUmUYTf0wmZgG9JAt/zcItjGKmPvq/n5n53B1JVeD6jLEtVQkVd26pKOvNees5AqvL2e8QvJT+HgyrM5UNUGF0u+JPcGVhVlT6vyHM0dY1a6lZUdV2HUvbJPVKlM3CapufTBMDesizqszjP6KydgRZE6DzPWhNClYzc31dA+zz+EA4SvI2Ebu//C+QgYVRnAdvI/ifgAyxeD16kfWDUAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"home page\"\n        title=\"home page\"\n        src=\"/static/0ca704e06b89e10a61f5175c660cb14a/fcda8/canada-covid19-tracker.png\"\n        srcset=\"/static/0ca704e06b89e10a61f5175c660cb14a/12f09/canada-covid19-tracker.png 148w,\n/static/0ca704e06b89e10a61f5175c660cb14a/e4a3f/canada-covid19-tracker.png 295w,\n/static/0ca704e06b89e10a61f5175c660cb14a/fcda8/canada-covid19-tracker.png 590w,\n/static/0ca704e06b89e10a61f5175c660cb14a/efc66/canada-covid19-tracker.png 885w,\n/static/0ca704e06b89e10a61f5175c660cb14a/c83ae/canada-covid19-tracker.png 1180w,\n/static/0ca704e06b89e10a61f5175c660cb14a/cb9f4/canada-covid19-tracker.png 1903w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h2>License</h2>\n<p>Distributed under the\n<a href=\"https://github.com/itshally/canada-covid19-tracker/blob/master/LICENSE\">MIT License</a></p>","id":"a6851b74-d747-55e4-93e9-ea6f265d4b2f","frontmatter":{"title":"Canada Covid19 Tracker","description":"Learning NextJS by implementing this Canada Covid19 Tracker.","preview":"https://canada-covid19-tracker.vercel.app/","tools":["ReactJS","NextJS","Material-UI","MomentJS","API"],"sourceCode":"https://github.com/itshally/canada-covid19-tracker/blob/test/pages/index.js","keyWords":"Covid19, COVID-19, Canada COVID-19 Tracker, Canada COVID Tracker","image":{"childImageSharp":{"fixed":{"src":"/static/0ca704e06b89e10a61f5175c660cb14a/986a3/canada-covid19-tracker.png"}}}}}},"pageContext":{"id":"a6851b74-d747-55e4-93e9-ea6f265d4b2f","previousPostId":null,"nextPostId":"5ee41371-39e6-5803-873a-2aa88f11feb3"}},"staticQueryHashes":["143701507"]}