An open API service indexing awesome lists of open source software.

https://github.com/anuva312/covid19-status-report

An attempt to reformat openly available covid-19 data and make it accessible to everyone with an Internet connection.
https://github.com/anuva312/covid19-status-report

ajax api covid-19 css html information javascript

Last synced: about 2 months ago
JSON representation

An attempt to reformat openly available covid-19 data and make it accessible to everyone with an Internet connection.

Awesome Lists containing this project

README

        

# Covid19 Status Report
This project was created as part of the Web Technologies Course under B.Tech certification at Vidya Academy of Science and Technology. It is an attempt to reformat openly available covid-19 data and make it accessible to everyone with an internet connection.

[Click here](https://anuva312.github.io/Covid19-Status-Report/) to see the website in action!

## Installation
### Linux
1. Clone the repository into a folder of your choice using
```
git clone https://github.com/anuva312/Covid19-Status-Report.git
```
Or
```
git clone [email protected]:anuva312/Covid19-Status-Report.git
```
Or you can download the zip file as well.

## Pages
There are 5 pages is this website :
1. Home - index.html
It contains the total number of cases reported, confirmed and deaths globally and by default in US.
It also provides a search box that can be used to look up the data of country of your choice.
2. All countries - all_countries.html
It shows a summary of all the available data from each country.
3. Daily Changes - daily_changes.html
It shows the data of each data from the first reported date to today. By default, it is set to US. The country of your choice can be selected in the home page.
4. Symptoms - symptopms.html
It contains some information about symptoms associated with Covid-19.
5. Prevention - prevention.html
It contains some information about preventive measures that can be taken against Covid-19.
## References
### CSS
1. [MDN - CSS Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference)
2. [MDN - Basic Concepts of FlexBox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)
3. [W3Schools - How to Create Autocomplete on an Input Field](https://www.w3schools.com/howto/howto_js_autocomplete.asp)
4. [W3Schools - How to Create a Responsive Top Navigation](https://www.w3schools.com/howto/howto_js_topnav_responsive.asp)