DEV Community

Cover image for I Built Coronavirus Live Monitor - stats, news, and WHO press releases on the virus all in one place
Gabe Romualdo
Gabe Romualdo

Posted on • Updated on • Originally published at xtrp.io

I Built Coronavirus Live Monitor - stats, news, and WHO press releases on the virus all in one place

Today, I am proud to release my latest web app and project: Coronavirus (COVID-19) Live Monitor, your hub for news and information on the Coronavirus outbreak. The code can be found on the GitHub repo.

Go check it out!

Site Demo

Three Sections: Stats, Press Releases and Health Resources, and Latest News

The site is split into three key sections, each with latest information on the virus.

The stats section includes a total case count, as well as total deaths and recoveries and their percentages within the total case count.

The WHO press releases and health resources section includes a video of the latest WHO press conference about the virus and links to latest situation reports and WHO news, as well as various links to health resources such as the NHS (U.K.) and the CDC (U.S.A.).

Finally, the latest news section includes news articles about the virus from a vast array of news sources. News on the virus is also sorted into country based the user's IP address, allowing for users to read news in their own language, localized for their area.

How It Was Built (shortened version)

The frontend part of the site was built in plain HTML, CSS, and vanilla JavaScript (ES6) — no frameworks and almost nothing on the server-side.

I built it pretty quickly, in around 2-3 days, and I focused a lot on making it clean, effective, and easy to use. The main goal was to put all necessary information about the outbreak in one place.

If you'd like to read more about the technical details of this, I've written a more detailed post on my personal website.

Go Check it Out!

Feel free to leave any feedback about this project in the comments, and I hope you take a look at the site if you have a chance.

The Site: Coronavirus (COVID-19) Live Monitor and if you like it, give it a ⭐ on GitHub.

Thanks for scrolling.

— Gabriel Romualdo, March 21, 2020

Top comments (9)

Collapse
 
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

Seems there's a bug with the news portion of the site:


Uncaught (in promise) TypeError: Cannot read property 'forEach' of undefined
    at news.js:55
Collapse
 
gaberomualdo profile image
Gabe Romualdo • Edited

Unfortunately, a lot of people have been visiting the site in the past day, so it has been experiencing rate limiting problems with the API to get latest news. Hope to fix this soon.

Thanks for checking out the site!

— Gabriel

Collapse
 
otomer profile image
Tomer Ovadia • Edited

Great to see these coronavirus websites that come alive these days! Nice work, happy to share mine too coronavirus-epidemic.com - You can also read about it here coronavirus-covid-19-dashboard-wit...

Collapse
 
oelin profile image
Oelin • Edited

Hey, I think someone vandalised the site??

Collapse
 
gaberomualdo profile image
Gabe Romualdo • Edited

I have fixed the problem for now, thanks for letting me know.

— Gabriel

Collapse
 
oelin profile image
Oelin

how to people even do this stuff, they should be programmers instead of hacking things.

Collapse
 
17lwinn profile image
17lwinn • Edited

thank you! i am going to port this to glitch.com now!

how can i do this because i don`t see any package.json file

Collapse
 
johnkazer profile image
John Kazer

I'd be very interested if someone could build a parallel system showing equivalent data for flu. How does it compare?

Collapse
 
gaberomualdo profile image
Gabe Romualdo • Edited

I'm not personally sure, but, to the best of my knowledge, there is likely much more current and live data about COVID-19 than there is for the flu, as it is a new virus. Regardless, I would be interested to see if there are any APIs or resources to get data for other viruses like the flu, and whether someone could implement a similar site.

Thank you for checking my site out!

— Gabriel