arsho / covid-19 Goto Github PK

Add a new section called About and add a link on the topmenu.

Position:

It can be placed in one of the following places:

1. last item on top left side menu
2. just before Code item on right side
3. any where in footer
4. as a button on right side of COVID-19 World Status header in Summary section

Choose the location as it suits best both in mobile devices and desktop.

Content of About

<strong>COVID-19 World Status</strong> is a responsive data visualization dashboard that shows current worldwide scenario of COVID-19.
<br>
This is an open source project and we will welcome any contributions.
Source code URL: <a href="https://github.com/arsho/COVID-19" title="COVID-19 Source Code">https://github.com/arsho/COVID-19</a>

<h3>Developers</h3>
<ul>
<li>
<a target="_blank" href="https://arshovon.com/" title="Ahmedur Rahman Shovon">Ahmedur Rahman Shovon</a>
</li>
<li>
<a target="_blank" href="https://hmsajal.github.io/" title="Hasan Mahmud">Hasan Mahmud</a>
</li>
</ul>
<p class="lead">If you have any queries, you can send an email to:</p>
<ul>
<li>
[email protected]
</li>
<li>
[email protected]
</li>
</ul>

This content can be placed inside a Bootstrap modal or can be placed inside a section like other sections of the web app. [Modal - Bootstrap]

Reference:

• Modal - Bootstrap

• 1. colored status box height not same.
• 2. boxes get shrink for lower width displays. but those boxes become narrow at a certain point. though boxes are ordered along column below 575px display width. do it much before that.
• 3. graphs are not responsive for small displays.
• 3. menu gets unnecessary height at a certain point and it covers other things.
• 4. external links may need to be opened in a new tab.
• 5. from global data we should be able to click on the country's name and go to the page for it
• 6. adding clear graphs specially for country region
• 7. add bar chart in map page.
• 8. open country details when clicking on region in world maps
• 9. add extra padding after the top menu.

These issues are fixed in #1 , #2 and later commits.

When user visitis various sections of the application, he/she should be able to return to the previous section by clicking the browser back button.

Behavioral description:
In world map views add color legends to demonstrate color scheme.
Example:

The world maps are placed in confirmed, deaths, recovered and active section of the top menu.

Technical description:

• World map library dependency: jQuery Vector Map Library v1.5.1
• Example of color legends are shown in this tutorial: https://robertorocha.info/making-an-interactive-choropleth-map-with-jqvmap-and-geostats/

NovelCovid API deprecated there initial endpoints. Invalid endpoints are returning HTTP 410 error.

Current API endpoints:

var countries_api_url = "https://corona.lmao.ninja/countries?sort=cases";
var global_summary_api_url = "https://corona.lmao.ninja/all";
var country_summary_api_base_url = "https://corona.lmao.ninja/countries/";
var country_historical_api_base_url = "https://corona.lmao.ninja/v2/historical/";

Required API endpoints:

var countries_api_url = "https://corona.lmao.ninja/v2/countries?sort=cases";
var global_summary_api_url = "https://corona.lmao.ninja/v2/all";
var country_summary_api_base_url = "https://corona.lmao.ninja/v2/countries/";
var country_historical_api_base_url = "https://corona.lmao.ninja/v2/historical/";