DEV Community

Sharad Raj (He/Him)
Sharad Raj (He/Him)

Posted on โ€ข Edited on

13 3

New UI for Covid-19 tracker and PWA support

I've updated the UI for my Covid-19 tracking and reports app.
Share your reviews.

Link ; https://novel-coronavirus-reports.netlify.com

Splash

Alt Text

Home

Alt Text

Map

Alt Text

Reports section

Alt Text

Top comments (10)

Collapse
 
divideddarko profile image
divideddarko โ€ข

The dougnut chart is displaying deaths and recovered the wrong way round. Deaths show 86036, hoping this isn't the case; and recovered is only 10038

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) โ€ข

Fixed thanks

Collapse
 
lkreimann profile image
Lea Reimann ๐Ÿฆ„ โ€ข

This is really cool! Is your code open source :) Tech stack would be interesting too!

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) โ€ข

No not yet open source will do it this evening.
Thanks BTW

Collapse
 
lkreimann profile image
Lea Reimann ๐Ÿฆ„ โ€ข

Awesome! Look forward to look at the project :)

I thought you might be interested in this: hackquarantine.devpost.com/

Thread Thread
 
sharadcodes profile image
Sharad Raj (He/Him) โ€ข

U r there ?

Collapse
 
leob profile image
leob โ€ข โ€ข Edited

I like the UI, nice. What is it made with (framework)?

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) โ€ข โ€ข Edited

Bootstrap 4 with some tweaking and chart js

Collapse
 
khrome83 profile image
Zane Milakovic โ€ข

Scrolling right around the map wonโ€™t show occurrences, but scrolling left will?

Looks great btw, love the overall design and direction. Works nice and fast also.

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) โ€ข

IDK but the map is working both the ways.
Thanks

Retry later
๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay