Need to know what's the daily status report of COVID-19 spread and get safe staying at home. The website app is responsive with smartphone & tablet. Beautifully wide design and organized table data such as displaying flag, number of cases, active etc. It's been created in second semesters task assignment at college with excellent score.
Built with:
HTML
SCSS / CSS
JavaScript & AJAX Fetch API
.
Give it a try exploring this live site: covid-19 statistics.
- Visual Studio Code (Compatible with Windows / Mac or Linux) and must install two extensions:
- Live Sass Compiler | To generate all
CSS
fromSCSS
instyles/
folder. - Live Server | To host online.
- Live Sass Compiler | To generate all
- Get a free API Key from mapbox.
Note: My personal preference is Visual Studio Code, I'm sure there are other text editors with equivalent extensions/plugins that can be used with this project.
To be able to see live statistics, follow these steps:
-
Clone/Download my project and place it in your desired location. Right click on
covid-19-api
root folder then clickOpen with Code
. -
When you open VS Code, on Explorer tab, click
New file
and typeconfig.js
then copy the following code to this file:
const API_KEY = 'YOUR_MAPBOX_ACCESS_TOKEN';
Replace YOUR_MAPBOX_ACCESS_TOKEN
with your free API key accessToken from mapbox.
-
Click
Watch Sass
on bottom right to begin generating allCSS
. -
Finally, make sure to
Save All
files. On Explorer tab, right click onindex.html
thenOpen with Live Server
. That's it, enjoy my responsive covid-19 statistic project.
Stay Home, Stay Safe
Distributed under the MIT License. See LICENSE
for more information.