covindia / covindia-website Goto Github PK

The search bar needs to become more compact horizontally (half the size), and its result should come right next to it. The design will look something like this:

Currently the result of the searchbar comes below the search bar.

The table currently shows ↑0 for the states which havent updated.

We need it to not show them at all

Delhi
I : 1640 | D : 34
↑ 45 ↑ 23

the ↑45 should be a white and smaller font. The numbers for ↑() can be gotten from the last 24 hours API. The colours for I and D is the same as that at the top of the website.

Similar to this in district tooltips

The current table consists of 4 rows in total, now we want to make in concise into two.

For example

has 4 rows, we want to have 2 rows with New cases just beside Total cases as a small text with arrow up icon
Similar to this.

Use #eada0a as font color for cases column and #958686 for deaths column.

As of now the site is build with pure html files with no components for re usability.
It makes code harder to read and to make changes as well.
We need to convert/migrate this website to jekyll or any other structure and break the reusable parts as components.

Please let me know your thoughts.

There was an attempt to get the client's IP Address to automatically show their district when they open the site by making an end-point in Covindia-BigDataBox (tagging @covindia/backend). In particular, This PR was closed because of the reasons explained there.

What is needed is for the website to look up the location automatically via the client's IP Address and getting their city and opening a tooltip associated with that city in using the function renderData that can be found in index.html.

http://api.db-ip.com/v2/free/ENTER-IP-ADDRESS-HERE can be used

Create a new tab where we will show the India map with only cases in the last 2 weeks. The end-point can be found here: https://v1.api.covindia.com/past-two-weeks. The map will be exactly like our current map (which is cumulative from the beginning) but will show data for only last 2 weeks. This tab will appear as a button near the play button currently. Please note the legend will also be different. The ticks for the legend can be found in the key split points.

On zones.html the text contrast is less, compare to the background color.
It might not be visible on few devices as well, like big monitors with high contrast. We need to increase the contrast ratio for text available on the page to make it more visibly accessible.

This is a test to see if the slack webhook works